现在学习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>
很奇怪,希望高人指点下………………
分享到:
相关推荐
但是,需要注意的是,innerText 属性只适用于 IE 浏览器,在其他浏览器中可能不支持。 outerHTML 属性 outerHTML 属性用于获取 HTML 元素中的所有内容,包括 HTML 元素本身。例如,在上面的代码中,test.outerHTML...
比如: ”test”><strong>...其原为是firefox中并不支持元素的innerText这个属性。当然,在网络上已经有很多好的方法来解决这个问题了,比如给HTMLElement原型添加一个属性(读取器)。 然而,所有文本节点都具有nod
innertext和outertext以及div,在编写网页时经常用到的,很好用.
然而,在不同的浏览器环境下,这些属性的表现并不完全一致,特别是在处理一些特殊字符时。因此,确保跨浏览器的一致性和兼容性成为了一个不可忽视的问题。 #### `innerText` 与兼容性问题 `innerText` 是一个只读...
- `innerText`最初仅在Internet Explorer中可用,但现在大多数浏览器都支持它。不过,为了更广泛的兼容性,推荐使用`textContent`属性,它在所有现代浏览器中都可用,并且行为与`innerText`类似。 #### 应用场景 ...
尤其是在Firefox浏览器中,`innerText` 并不像在Internet Explorer中那样直接可用。这给开发者带来了一些兼容性问题,特别是在编写跨浏览器的JavaScript代码时。 标题和描述中提到的问题是,当在Firefox中尝试使用`...
这个属性在IE中可用,但在非IE浏览器中不常用,通常被`innerText`替代。 - 使用:与`innerText`一样,`outerText`主要用于获取元素及所有后代元素的纯文本内容,不包含HTML标签。 - 示例:`document....
1. **空格和换行**:在某些浏览器中,innerText可能不保留元素内的空白字符,比如连续的空格或换行。在IE和Firefox中,innerText的表现可能不同。为了解决这个问题,可以通过正则表达式来处理文本内容,例如使用`str...
textContent与innerText的不同 IE下...innerText与textContent有几点很重要的不同,导致它们在一些情况下不能直接互换使用。 前些日子写了个代码高亮JS插件,在IE下工作完全正常,而在FF下就不对头。在IE下使用的是inne
内部文本填充浏览器的innerText shim,不支持它。 该模块旨在通过 browserify 在浏览器中使用。 如果您需要 polyfill,请使用: 用法innerText 所做的就是从element获取el.innerText ,即使浏览器不支持它。 你不能...
在网页开发中,DOM(Document Object Model)操作是不可或缺的一部分,`innerHTML` 和 `innerText` 是两个常用的属性,用于处理HTML元素的内容。了解它们的用法和区别对于编写兼容性的JavaScript代码至关重要。 `...
ReactinnerText 返回React JSX对象的innerText,类似于DOM元素的innerText属性。安装npm install react-innertext或yarn add react-innertext利用客户端渲染(ES6) import innerText from 'react-innertext' ;...
然而,Firefox并不支持innerText,因此在跨浏览器开发时可能会遇到兼容性问题。 在这种情况下,textContent作为一个更通用的标准属性应运而生。textContent在Firefox(Gecko)、Chrome以及IE9+以上的版本中都有良好...
- `innerText` 不适用于跨文档框架,因为它不会正确地返回其他文档中的文本内容。 - 在某些情况下,浏览器可能会自动修正或调整通过 `innerHTML` 设置的 HTML,因此实际渲染的内容可能与预期有所不同。 ### 实际...
然而,Firefox浏览器并不直接支持innerText,而是使用textContent属性来实现类似的功能。textContent会返回元素及其所有子元素的纯文本内容,包括换行和空白字符。这导致在Firefox中使用innerText时会遇到兼容性问题...
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总