帮忙解释一下,这一小段JAVASCRIPT代码...

来源:百度知道 编辑:UC知道 时间:2024/05/15 04:04:38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Shopping list</title>
</head>
<body>
<h1>What to buy</h1>
<p title="a gentle reminder">Don't forget to buy this stuff.</p>
<p>This is just a test</p>
<ul id="purchases">
<li>A tin of beans</li>
<li>Cheese</li>
<li>Milk</li>
</ul>
&l

我要说明一下啊,二楼的说对了一半,但是他没说一个隐藏的属性.他的这些var paras = document.getElementsByTagName("p");
让paras为文件中所有找到的P元素。

for (var i=0; i< paras.length; i++) {
循环每一个p元素
var title_text = paras[i].getAttribute("title");
让title_text =p元素的title属性
if (title_text != null) {
alert(title_text);
}
如果有title属性则弹出对话窗显示
说的都对.
但是最后显示,显示一个是a gentle reminder ,一个是空.
这个空是一个和重要的知识点,就是<p></p> 这个元素,他拥有自己默认的title就算他没写,他也默认有,所以第二个P没有写title他也输出空,就是这个道理.

var paras = document.getElementsByTagName("p");
让paras为文件中所有找到的P元素。

for (var i=0; i< paras.length; i++) {
循环每一个p元素
var title_text = paras[i].getAttribute("title");
让title_text =p元素的title属性
if (title_text != null) {
alert(title_text);
}
如果有title属性则弹出对话窗显示

应该显示Don't forget to buy this stuff

哈哈,应该是a gentle reminder
贴错了

晕,分析的是对了。但是应该显示“a gentle remin