Question

我的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;

但不工作。有没有办法获得此值或使用javascript设置此值。因为我对jquery不太熟悉。

Answer 1

使用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>

Answer 2

当您使用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

How to correctly iterate through getElementsByClassName

Javascript：如何将setValue设置为HTMLDivElement？

2 个答案: