使用javascript改變<div>的內容

Question

當<div>沒有id或class時，如何使用javascript更改<div>的內容。

我知道使用像document.getElementById('foo').innerHTML = 'Your content';這樣的東西document.getElementById('foo').innerHTML = 'Your content'; 如果<div>有id，可以使用。 但就我而言，我想改變的內容是這樣的

<div unselectable="on" style="position: absolute; padding: 2px; top: 0px; left: 1px; background-color: rgb(255, 102, 0); color: white;">BOO</div>

我偏愛使用document.getElementsByTagName("div")[0].innerHTML = "BOO"; 找到它，但我如何繼續修改其內容？ 這也是一個很好的做事方式嗎？

Answer 1

不，還有其他div，但這是唯一一個內容Boo

如果是這種情況，你可以通過:contains找到

$("div:contains('BOO')").html('hello');