如何将value设置为HTMLDivElement

Javascript: How to setValue to HTMLDivElement?

本文关键字：HTMLDivElement 设置 value      更新时间：2023-09-26

我的HTML页面代码是这样的-

<div id="test-inputEl" role="textbox" class="test-field" data-errorqtip="">10</div>

要访问这个值10，我使用下面的代码-

var divObject = parent.document.getElementById('test-inputEl');
alert(divObject);
var testField = divObject.getElementsByClassName("test-field");
alert(testField);

对于第一个alert盒子，我得到-

[object HTMLDivElement]

第二个是-

[object HTMLCollection]

但是我不能访问这个值。我已经试过了-

var objValue = divObject.getElementsByClassName("x-form-display-field")[0].innerHTML;

But not Working。是否有任何方法可以获得此值或使用javascript设置此值。因为我对jquery不太熟悉。

使用innerHTML属性从div中获取值10。

var divObject = document.getElementById('test-inputEl').innerHTML;
document.write(divObject);
<div id="test-inputEl" role="textbox" class="test-field" data-errorqtip="">10</div>

当你使用getElementById你检索你想要的HtmlElement，但是当你使用getElementsByClassName你的结果是一个HTML元素的集合，它不是一个数组!!

获取第一项，使用myCollection.item(0) 

var objValue = divObject.getElementsByClassName("x-form-display-field").item(0).innerHTML;
https://developer.mozilla.org/it/docs/Web/API/HTMLCollection

如何正确遍历getElementsByClassName

相关文章：