|
JavaScript 基础（三）
javascript
DOM
document.getElementById('id'); //通过id来获取元素,返回指定的唯⼀元素。
document.getElementsByName("name"); //通过name来获取元素，返回name='name'的集合。
document.getElementsByClassName("classname") //⽤classname来获取元素，返回的是⼀个
class="classname"的集合(不兼容IE8及以下)。
document.getElementsByTagName('div'); //⽤元素的标签获取元素，返回所有标签=“div”的集合。
样式操作
属性操作
创建(插⼊)标签：inserAdjacentHTML()
"afterbegin" ：标签结束标记前
"afterend" ：标签结束标记后
"beforebegin" ：标签开始前
"beforeend：标签开始标记之后
操作表单：
submit()
操作 url：
location.href 获取 url
location.href='url' 重定向
Location.reload() 重新加载
定时器
setInterval()：设置定时器
clearInterval():清除定时器
WEB渗透测试工程师系统班250303期 第23节课作业 1. 什么是DOM DOM（Document Object Model，文档对象模型）是HTML和XML文档的编程接口，它提供了对文档的结构化表示，并定义了一种方式使程序可以访问和操作文档的结构、样式和内容。 2. 自己编写一遍本节课程内讲解的所有dom案例相关代码（逐行注释） 查找 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 输出流 |
添加事件处理程序
| document.getElementById(id).onclick = function(){code} | 向 onclick 事件添加事件处理程序 |
| 
