问答详情
源自:3-2 通过ID获取元素

alert输出问题?

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>document.getElementById</title>

</head>

<body>

<p id="con">JavaScript</p>

<script type="text/javascript">

  var mychar=document.getElementById("con")//获取元素存储在变量mychar中。

  var myword=mychar.innerHTML;//获取元素的内容存储在myword中,p会被当作字符串显示。

  var myletter=mychar.innerText;//p被当作标签不显示。

  document.write("结果:"+mychar+"<br/>"); //输出获取的P标签。 

  document.write("结果:"+myword+"<br/>");//输出获取的P标签内容,因使用的是document.write所以p被当作标签不显示,

  alert("结果:"+myword);//这里我预计输出的是<p>JavaScript</p>,但结果不是。

  document.write("结果:"+"&nbsp&nbsp"+myletter+"<br/>");//为了区分加了空格 

  alert("结果:"+"&nbsp&nbsp"+myword);  

</script>

</body>

</html>

//这小段代码,是我将网友的观点小整合了下,打算让第一个alert输出标签的。但没有?

提问者:桃太郎 2016-09-10 23:36

个回答

  • 逃课的小学生
    2016-09-11 00:06:20
    已采纳

    innerHTML得到的是它包含的标签,你把这句改一下就能理解了:

    <p id="con"><span>这是p内部的一个子标签</span>JavaScript</p>