Question

我在哪里可以看到更多相关信息？我认为你必须总是document.getElementById与元素进行交互。

来源（Getting data from Google docs into Javascript）

所以请考虑这个JavaScript：

function Data(response) {
  document.Team.tName.value = response.feed.entry[0].gs$cell.$t; // HERE !
}

以下HTML：

<html>
<head>
<title>
</title>
<script type="text/javascript" src="teams.js" >
</script>
</head>
<body>
<table>             
    <form name="Team">
    <tr>                
        <td>
        <input  size="19"  name="tName" readonly >
        </td>               
    </tr>
    </form>
    </table>
<script src="https://spreadsheets.google.com/feeds/cells/18WEeF3d9pJWYK1sheNHgc0KOi845cjyZgJ8x6TVisFM/1/public/values?alt=json-in-script&callback=Data&range=A1"></script>
</body>
</html>

Answer 1

使用document.querySelector：

function Data(response) {
  document.querySelector('[name=tName]').value = response.feed.entry[0].gs$cell.$t; 
}

`document.querySelector`

返回文档中与指定选择器或选择器组匹配的第一个元素。

`document.querySelector('[name=tName]')`

这将选择属性为name且值为tName

的元素

Answer 2

正如其他海报所提到的，有几种方法可以访问DOM元素。

如果您只想查看表单元素，请查看HTMLFormElement.elements（MDN）。

HTMLFormElement.elements属性返回FORM元素中包含的所有表单控件的HTMLFormControlsCollection（HTML 4 HTMLCollection），但具有image属性的输入元素除外。

您将获得一个整齐的表单元素集合，您可以直接通过其名称属性访问，也可以通过遍历集合来访问。

var formElements = document.querySelector('#some-form').elements;

console.log(formElements['some-form__input-yo'].value); // form element value

// OR

for (let element of formElements) {
   console.log(element.value); // form element value
}

https://jsfiddle.net/93nemsfq/

通过document.X访问DOM元素

2 个答案:

`document.querySelector`

`document.querySelector('[name=tName]')`