js-获取节点元素的常用方式和节点写入内容方式

获取节点元素的常用方式

• 通过id名字来获取节点元素, 返回单个元素

document.getElementByID("id名字")

• 通过class名字来获取节点元素, 返回一个集合对象

document.getElementsByClassName("class名字")

• 通过标签来获取节点, 返回一个集合对象

document.getElementsByTagName("标签名字")

• 通过name属性来获取节点元素, 返回一个集合对象

document.getElementsByName("name属性的值")

节点写入内容方式

方式一

• innerHTML写入内容到节点中

节点对象.innerHTML = "写入的内容";

• innerHTML添加内容到节点中

节点对象.innerHTML += "innerHTML写入的内容";

方式二

• innerText写入内容

s.innerText = "写入的内容";

• innerText添加内容

s.innerText += "写入的内容";

区别: innerHTML可以添加标签, innerText添加标签不生效,会成内容