当元素没有类时如何用 JavaScript 替换 HTML 元素的文本？

Question

想将“观看昨天的广播”这句话改为“立即观看网络研讨会”

Answer 1

使用 DOM 顺序来选择它怎么样？

var parent = document.querySelector("select");
var element = parent.querySelectorAll("option")[1];
element.innerHTML = "watch the webinar now";

本文可以帮助您：如何使用 JavaScript 获取父元素的子元素？

Answer 2

您可以使用

querySelector

获取元素内的特定子元素并更改它。

片段

在这种情况下，我使用

querySelector(':nth-child(2)')

来获得第二个孩子。

var parent = document.querySelector(".someClassName");

console.log(
  parent.querySelector(':nth-child(2)').text
)

document.getElementById('btn').addEventListener('click', () => {
  parent.querySelector(':nth-child(2)').text = 'asdasd asdasd';
})

<button id='btn'>change</button>

<select class="someClassName">
  <option>aker including versions of Lorem Ipsum</option>
  <option>Donec semper tortor ac velit tempus,</option>
  <option>vel pellentesque lorem gravida</option>
</select>

Answer 3

更改第二个选项的文本

document.getElementsByTagName('select')[0].options[1].innerHTML = "watch the webinar now";

如果该选项并不总是第二个，您可以给该选项一个

id

，然后在查询选择器中使用它。