如何使用JavaScript设置表单按钮（没有id）的title属性

Posted 2021-04-17

我在<button>里面有一个<form>。该按钮没有id属性，但表单有，我想使用javascript为按钮添加title属性。

我尝试使用querySelector，但我不能让它工作。代码如下：

<form id='largerView' action='#' method='get'>
  <button>Large Version</button>
</form>

JavaScript的：

document.querySelector('#largerView>button').title = 'View the larger version of the image';

答案

此代码将title属性添加到在表单元素中显示为子项的第一个按钮。

var form = document.getElementById("largerView");
var button = form.getElementsByTagName("button")[0];
button.setAttribute("title", "TITLE");

此外，如果您想继续使用querySelector，您只需要用空格替换>。

document.querySelector('#largerView button').title = 'View the larger version of the image';

如果您需要进一步的帮助，请告诉我。干杯。