DOM操作一些常用的属性汇总

前端之家收集整理的这篇文章主要介绍了DOM操作一些常用的属性汇总前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.DOM:

文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

2.DOM的一些常用的属性

  2.1 通过ID获取元素

    (1)语法:

代码如下:

    (2)作用:id就向一个人的身份证,我们可以通过寻找标签的id来寻找标签,然后进行相应的操作。

    (3)注意:不要忘记写document!

  2.2 innerHTML属性

    (1)语法:

代码如下:

    (2)作用:主要是对标签内的内容进行获取或替换

    (3)例子:

代码如下:
innerHTML

JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能

    (4)注意:Object是获取的元素对象,如通过document.getElementById("ID")获取的元素。

  2.3 改变HTML样式

    (1)语法:

代码如下:

    (2)作用:用于修改HTML样式

    (3)例子:

代码如下:

JavaScript使网页显示动态效果并实现与用户交互功能

    (4)注意:value的值为none和block,其中none为不显示内容,而block为显示内容

  2.5 className属性

    (1)语法:

代码如下:

    (2)作用:1.获取元素的class属性;2.为网页中的某一个元素指定一个css样式来改变改元素的外观

    (3)例子:

代码如下:
<Meta http-equiv="Content-Type" content="text/html; charset=gb2312"> className<a href="https://www.jb51.cc/tag/shuxing/" target="_blank" class="keywords">属性</a>

JavaScript使网页显示动态效果并实现与用户交互功能

添加样式" onclick="add()"/>

显示动态效果并实现与用户交互功能

以上就是本文的全部内容了,希望大家能够喜欢。

原文链接:https://www.f2er.com/js/55313.html

猜你在找的JavaScript相关文章