js教程--dom获取元素的代码

1. 获取元素：

1. document.getElementsByClassName ('class') 通过类名获取元素，以类数组形式存在。getElementsByTagName

2. document.querySelector('selector') 通过CSS选择器获取元素，符合匹配条件的第1个元素。

3. document.querySelectorAll('selector') 通过CSS选择器获取元素，以类数组形式存在。

2. 类名操作：

1. Node.classList.add('class') 添加class

2. Node.classList.remove('class') 移除class

3. Node.classList.toggle('class') 切换class，有则移除，无则添加

4. Node.classList.contains('class') 检测是否存在class

3. 自定义属性：

    在HTML5中我们可以自定义属性，其格式如下data-*=""，例如：data-info="我是自定义属性"，通过Node.dataset['info'] 我们便可以获取到自定义的属性值。

   当我们如下格式设置时，则需要以驼峰格式才能正确获取：data-my-name="itcast"，获取Node.dataset['myName']

    
    
    




    
请选择
    
前端
    
java
    
javascript
    
c++

相关推荐：

原生js获取iframe中dom元素--父子页面相互获取对方dom

js如何获取DOM元素

Das obige ist der detaillierte Inhalt vonjs教程--dom获取元素的代码. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!