JS

前端笔记

放在前面的话.
纯纯发癫，学学前端油猴脚本，照着别人的博客写的，有问题就是我有病.
必须
-油猴
-FireFox

1.在查看器中右键高亮代码，点击在控制台中使用，此时FireFox就创建了一个tempX变量，按下回车.

2.对于变量修改

temp0.textContent = 'XXX';

3.修改CSS,使元素居中

temp0.style.textAlign='center';

4.创建一个新的DOM(或许此词另有他义),插入到已有的变量中

let btn = document.createElement('button');//声明一个button对象
btn.textContent = '按钮';//文本内容设置为'按钮'
btn.addEventListener('click',() => { //添加事件监听器
//addEventListener 的第一个参数为监听事件的名称，第二个参数为收到该事件后调用的函数
//()=>{....}为匿名函数的缩略写法(好用)
    alert('hello world');//弹出消息框
});
temp0.appendChild(btn);//为temp0变量添加btn对象

5.同时匿名函数还有如下写法

function(){....}

6.当然可以把匿名函数写作普通函数

....('click',foo);
function foo(){
    ....
}

7.通过获取DOM ID获取DOM，进而修改
-通过查看#后面的内容就可以很好地确定DOM的ID

let box = document.getElementById('comment');
//好直接的翻译      通过ID获取DOM↑
box.value = '通过ID获取DOM';
//修改value值（文本框中的内容
//修改textContent修改HTML文本

8.使用CSS选择器进行获取