JS关于获取元素的一些方法

JS关于获取元素的一些方法

通过id获取元素

document.getElementById(’/id/’);

通过class属性获取元素

可能会获取到很多相同属性的元素，所以通过key值去选择。
document.getElementsByClassName(’/className/’)[0];

获取子元素

通过id

document.getElementById(’/id/’).children[0];

通过属性

document.getElementsByClassName(’/className/’)[0].children[0];

添加指定的属性，并为其赋指定的值

可以通过id和class去指定添加属性，只举例通过id
document.getElementById(’/id/’).setAttribute(‘rowspan’,‘2’);

通过id修改一个元素的内容

document.getElementById(’/id/’).innerHTML = ‘’;

附件

查找 HTML 元素
document.getElementById(id) 通过元素 id 来查找元素
document.getElementsByTagName(name) 通过标签名来查找元素
document.getElementsByClassName(name) 通过类名来查找元素
改变HTML元素
element.innerHTML = new html content 改变元素的 inner HTML
element.attribute = new value 改变 HTML 元素的属性值
element.setAttribute(attribute, value) 改变 HTML 元素的属性值
element.style.property = new style 改变 HTML 元素的样式
添加和删除元素
document.createElement(element) 创建 HTML 元素
document.removeChild(element) 删除 HTML 元素
document.appendChild(element) 添加 HTML 元素
document.replaceChild(element) 替换 HTML 元素
document.write(text) 写入 HTML 输出流