DOM

 

所有内容也是写在<scriput></scriput>标签里

var d1 = document.getElementById("d1");
d1.innerHTML = "12345678";
修改的是body里面的内容
var d2 = document.getElementsByClassName("d2")[0];
d2.innerHTML = "ABCDEF";
id是唯一的class不是唯一的，所以后面必须家[0]，代表的是第零个位置上的内容
var d3 = document.getElementsByTagName("span")[0];
d3.innerHTML = "XYZIJK";
修改标签的内容
var d3 = document.getElementsByTagName("span")[0];
d3.innerText = "XYZ<br />IJK";
不换行而是直接显示所有内容
var d3 = document.getElementsByTagName("span")[0];
d3.innerHTML = "XYZ<br />IJK";
内容换行

var btn = document.getElementById("btn");

btn.onclick = function () {
btn.setAttribute("value", "不是按钮")
setAttribute 设置属性

}
造元素createElement
var spn = document.createElement("spn");
spn.style.color = "red";
spn.innerText = "哈哈哈哈哈哈哈";
document.body.appendChild(spn);
取出这个元素来在body里面添加一个子元素spn
document.getElementById("d1").appendChild(spn);
document.getElementById("d1").removeChild(spn);
删除d1中的子元素内容“哈哈哈哈哈哈哈”