如何通过Javascript访问HTMLDOM中的元素字段?

如何通过Javascript访问HTMLDOM中的元素字段?,javascript,html,dom,Javascript,Html,Dom,我不熟悉HTML DOM操作。我连简单的例子都失败了 这是我的密码: <h1>head 1</h1> <h2>head 2</h2> <script type="text/javascript"> var h1 = document.getElementsByTagName('h1'); alert("tagName : "+h1.getTagName()); h1.parentNode.removeChild(h1); </sc

我不熟悉HTML DOM操作。我连简单的例子都失败了

这是我的密码:

<h1>head 1</h1>
<h2>head 2</h2>
<script type="text/javascript">
var h1 = document.getElementsByTagName('h1');
alert("tagName : "+h1.getTagName());
h1.parentNode.removeChild(h1);
</script>
<h3>head 3</h3>

但是,它们都响应
未定义

您忘记了参数周围的引号:

var h1 = document.getElementsByTagName(h1);
应该是:

var h1 = document.getElementsByTagName('h1');
var h1 = document.getElementsByTagName('h1')[0];

你用什么?如果不是,你应该。它会让您知道您有此错误。

您忘记了参数周围的引号:

var h1 = document.getElementsByTagName(h1);
应该是:

var h1 = document.getElementsByTagName('h1');
var h1 = document.getElementsByTagName('h1')[0];

你用什么?如果不是,你应该。它会让你知道你有这个错误。

这个网站真的很有用。

一旦掌握了它,请确保使用jquery或其他库来处理dom(使生活更轻松):

标题1
总目2
var h1=document.getElementsByTagName('h1')[0];
警报(“标记名:+h1.localName”);
h1.parentNode.removeChild(h1);
总目3

这个网站非常有用。

一旦掌握了它,请确保使用jquery或其他库来处理dom(使生活更轻松):

标题1
总目2
var h1=document.getElementsByTagName('h1')[0];
警报(“标记名:+h1.localName”);
h1.parentNode.removeChild(h1);
总目3
它应该是:

var h1 = document.getElementsByTagName('h1');
var h1 = document.getElementsByTagName('h1')[0];
说明:

无论何时使用getElements。。。(注意s)实际上是一个数组。 在
var h1=document.getElementsByTagName('h1')
后面使用
[0]
实际上意味着获取标记名为'h1'的第一个元素

您还可以选择在该数组上循环,然后使用
h1[i]
(例如),或者在实际使用该数组时选择该数组的适当成员-

alert("tag name: ",h1[0]);
只是为了比较,当您使用
getElementById
时,您只能得到一个元素,因此可以直接使用它。

它应该是:

var h1 = document.getElementsByTagName('h1');
var h1 = document.getElementsByTagName('h1')[0];
说明:

无论何时使用getElements。。。(注意s)实际上是一个数组。 在
var h1=document.getElementsByTagName('h1')
后面使用
[0]
实际上意味着获取标记名为'h1'的第一个元素

您还可以选择在该数组上循环,然后使用
h1[i]
(例如),或者在实际使用该数组时选择该数组的适当成员-

alert("tag name: ",h1[0]);
只是为了比较,当您使用
getElementById
时,您只得到一个元素,因此可以直接使用它