innerText 在Mozilla下不可用……

最新推荐文章于 2022-01-10 16:32:23 发布

最新推荐文章于 2022-01-10 16:32:23 发布 · 127 阅读

文章标签：

#IE #JavaScript #HTML #ViewUI

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了使用DOM操作获取HTML文档中<title>元素值时遇到的跨浏览器兼容性问题。具体表现为在IE和Mozilla浏览器中使用不同方法获取<title>元素内容时的表现差异。

现在学习DOM发现下面的问题

要得到<title>下的值，在IE下用下面代码不可以,而在Mozilla下可以


var titleElement = document.getElementsByTagName("title")[0];
			if (titleElement != null){
				var titleText = titleElement.firstChild;
				alert("Mozilla title value :"+ titleText.nodeValue);
			}

下面代码在IE下可以，而在Mozilla下不可以：


var titleElement = document.getElementsByTagName("title")[0];
			if (titleElement != null){
				alert("IE title value:"+titleElement.innerText);
			}

程序代码如下：


<html>
	<head>
		<title>DomLx</title>
		<script type="text/javascript">
			var element = document.documentElement;
			// alert(element.nodeName);
			var headElement = document.getElementsByTagName("head")[0];
			if (headElement != null) {
				// alert("head:"+headElement.nodeName);
			}
			var titleElement = document.getElementsByTagName("title")[0];
			if (titleElement != null){
				// alert("title"+titleElement.nodeName);
				alert("IE title value:"+titleElement.innerText);
				var titleText = titleElement.firstChild;
				alert("Mozilla title value :"+ titleText.nodeValue);
			}
		</script>
	</head>
	<body>
	</body>
</html>