Dom对象
当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。
dom元素和node(节点)的区别
dom元素指的是页面的标签,通过任意一个dom元素的关系可以找到当前页面其他任意的一个dom元素;
node节点指的是页面的任意元素(页面的每个东西都是节点),
标签 换行符 注释 空格 属性 标签内容等都可以被当做node节点
既然是节点,也是可以被js选中的
js可以操作dom元素,包括dom元素的属性和内容
value 这个属性只有input和option两个标签有这个属性.
nextSibling属性与nextElementSibling属性的差别:
nextSibling属性返回元素节点之后的兄弟节点
(包括文本节点、注释节点即回车、换行、空格、文本等等);
nextElementSibling属性只返回元素节点之后的兄弟元素节点
(不包括文本节点、注释节点);
注意: 空格、回车也会看作文本,以文本节点对待。
获取:getAttribute(名称)
设置:setAttribute(名称, 值)
删除:removeAttribute(名称)
添加属性 但是只能添加具有的属性
selectObject.add(option,before)
参数 描述
option 必需。要添加选项元素。必需是 option 或 optgroup 元素。
before 必需。在选项数组的该元素之前增加新的元素。如果该参数是null,元素添加到选项数组的末尾。