查找element对象
方法 | 描述 |
---|---|
document.getElementsByTagName(name) | 通过标签名获得 |
document.getElementById(id) | 通过id获得 |
document.forms[“frm1”] | 通过form 的id获得,类似的还有images,links和scripts |
document.getElementsByClassName(name) | 通过类名获得 |
document.querySelectorAll(“p.intro”) | 通过css选择器 |
更改element对象
方法 | 描述 |
---|---|
element.innerHTML = new html content | 更改element标签内的值 |
element.attribute = new value | 更改element属性 |
element.setAttribute(attribute, value) | 设置element属性 |
element.style.property = new style | 改变element的样式style |
添加删除元素
方法 | 描述 |
---|---|
element.createElement(element) | 创建 HTML 元素 |
element.removeChild(element) | 删除 HTML 元素 |
element.appendChild(element) | 添加 HTML 元素 |
element.replaceChild(element) | 替换 HTML 元素 |
element.write(text) | 写入 HTML 输出流 |
添加事件
方法 | 描述 |
---|---|
document.getElementById(id).onclick = function(){code} | 单击事件 |