[JavaScript-2] 获取及操作标签

本是古典何须时尚 2022-11-26 05:59 113阅读 0赞

## 七、获取标签元素 ##

### 1. 获取标签元素 ###

可以使用**内置对象 document** 上的 **getElementById 方法**来获取页面上设置了id属性的标签元素，获取到的是一个html对象，然后将它赋值给一个变量，比如：

**说明:**  
上面的代码，如果把javascript写在元素的上面，就会出错，因为页面上从上往下加载执行的，javascript去页面上获取元素div1的时候，元素div1还没有加载。

**解决方法有两种:**

第一种方法：将javascript放到页面最下边

<div id="div1">这是一个div元素</div>
    
    <script type="text/javascript">
        var oDiv = document.getElementById('div1');
        alert(oDiv);
    </script>

第二种方法：设置页面加载完成执行的函数，在执行函数里面获取标签元素。

**说明:**  
onload是页面所有元素加载完成的事件，给onload设置函数时，当事件触发就会执行设置的函数。

## 八、操作标签元素属性 ##

### 1. 属性的操作 ###

首先获取的页面标签元素，然后就可以对页面标签元素的属性进行操作，属性的操作包括:

*  属性的读取
 *  属性的设置

**属性名在js中的写法**

1.  html的属性和js里面属性大多数写法一样，但是“class” 属性写成 “className”
2.  “style” 属性里面的属性，有横杠的改成驼峰式，比如：“font-size”，改成”style.fontSize”

### 2. innerHTML ###

innerHTML可以读取或者设置标签包裹的内容

[JavaScript-2] 获取及操作标签

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 JavaScript获取标签的几种方式

相关 javascript 标签_JavaScript标签

相关 [JavaScript-2] 获取及操作标签

相关 javascript操作标签的自定义属性

相关 javascript操作标签的常规属性

相关 JavaScript获取标签的六种方法

相关 JavaScript 小数点数字的获取 && 操作

相关通过JavaScript操作HTML中select标签

相关 JavaScript 标签使用及输出语句

相关 javascript操作HTML标签集合