获取元素偏移量
获取标签
示例
获取标签元素
示例
获取表单元素属性
示例
设置自定义属性
示例
添加和删除元素
改变 HTML 元素
获取元素偏移量
object.offsetLeft:元素距离leftBody多少;
object.offsetTop:元素距离topBody多少;
获取标签
object.getElementById:通过ID获取元素;
object.getElementsByTagName:通过标签获取元素;
object.getElementsByName:通过name获取元素;
object.getElementsByClassName:通过class获取元素;
object.querySelector:通过选择器获取元素,只返回第一个;
object.querySelectorAll:通过选择器获取元素,返回所有;
示例
document.getElementById(\'cce\') // 通过id来获取元素;
document.getElementsByClassName(\'cce\') // 通过class来获取元素;
document.getElementsByTagName(\'div\') // 通过标签来获取元素;
document.querySelector(\'.cce\') // 通过选择器来获取元素,只返回第一个;
document.querySelectorAll(\'#cce\') // 通过选择器来获取元素,返回所有;
获取标签元素
innerHTML:找到标签下面的标签包括文本;
innerText/textContent:找到标签下面的文本,他们两个的用法是一样的,只不过有的浏览器不支持,现在一般用innerTEXT;
示例
document.getElementById(\'cce\').innerTEXT=\'cce\';
获取表单元素属性
value:用于大部分表单元素的内容获取(option除外);
type:可以获取input标签的内心(输入框或复选框等);
disabled:禁用属性;
checked:复选框选中属性;
selected:下拉菜单选中属性;
示例
object.getElementById(\'id\').disabled=true/false
object.getElementById(\'id\').checked=true/false
object.getElementById(\'id\').selected=true/false
设置自定义属性
getAttribute:获取自定义属性;
setAttribute:设定自定义属性;
removeAttribute:移除自定义属性;
示例
object.getAttribute(\'cce\')
object.setAttribute(\'cce\',18)
object.removeAttribute(\'cce\')
添加和删除元素
document.createElement(element):创建HTML元素;
document.removeChild(element):删除HTML元素;
document.appendChild(element):添加HTML元素;
document.replaceChild(element):替换HTML元素;
【网页常见元素 如何添加网页元素】document.write(text):写入HTML输出流;
改变 HTML 元素
element.innerHTML = new html content:改变元素的inner HTML;
element.attribute = new value:改变HTML元素的属性值;
element.setAttribute(attribute, value):改变HTML元素的属性值;
element.style.property = new style:改变HTML元素的样式;
- 自动变速箱常见故障有哪些
- 绿篱品种有哪些? 常见的绿篱品种有哪些
- 常见的跨境平台 跨境平台有盲区
- 天猫问题投诉电话 天猫投诉常见问题
- 香瓜怎么吃? 香瓜怎么吃
- 常见流行广告语分类收集
- 合同诈骗合同诈骗犯罪常见作案手段的表现方式是什么
- 君子兰常见病及防治 君子兰怎么防病
- 焦虑的症状 焦虑神经症的表述
- 郁金香常见病虫害及其防治
特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
