JS能改<label>标签里的内容吗

JavaScript018

JS能改<label>标签里的内容吗,第1张

方案:

第一种:通过label定义的id获取dom节点,然后修改label的值

第二种:通过label标签获取dom节点,然后修改label的值

示例:

1

2

3

4

5

6

<body>

<label id='test'>1</label>

</body>

<script>

document.getElementById('test').innerHTML = '2'//通过id获取label,修改值为2

</script>

document.querySelectorAll("label.next-checkbox")[0].click()//第1个

document.querySelectorAll("label.next-checkbox")[1].click()//第2个

document.querySelectorAll("label.next-checkbox")[2].click()//第3个

或者:

document.querySelector("label.next-checkbox:nth-of-type(1)").click()//第1个

document.querySelector("label.next-checkbox:nth-of-type(2)").click()//第2个

document.querySelector("label.next-checkbox:nth-of-type(3)").click()//第3个

或者:

document.getElementsByClassName("next-checkbox")[0].click()//第1个

document.getElementsByClassName("next-checkbox")[1].click()//第2个

document.getElementsByClassName("next-checkbox")[2].click()//第3个

方案:

第一种:通过label定义的id获取dom节点,然后修改label的值

第二种:通过label标签获取dom节点,然后修改label的值

示例:

1

2

3

4

5

6

<body>

<label id='test'>1</label>

</body>

<script>

document.getElementById('test').innerHTML = '2'//通过id获取label,修改值为2

</script>