如果这个属性在浏览器中不支持,那么这个属性的类型是
"undefined"
设置或者获取标签内容:innerText、textContent和innerHTML
推荐使用innerHTML 浏览器通用
<style>
div {
width: 200px;
height: 200px;
border: 1px solid red;
}
</style>
</head>
<body>
<input type="button" id="btn" value="按钮">
<div id="dv">我是div</div>
<script src="common.js"></script>
<script>
//设置任意的标签中间的任意文本内容
function setInnerText(element, text) {
//判断浏览器是否支持这个属性
if (typeof element.textContent == "undefined") { //不支持
element.innerText = text;
} else { //支持
//浏览器支持这个属性
element.textContent = text;
}
}
//获取任意标签中间的文本内容
function getInnerText(element) {
if (typeof element.textContent == "undefined") {
return element.innerText;
} else {
return element.textContent;
}
}
//测试
my$("btn").onclick = function () {
console.log(getInnerText(my$("dv")));
console.log(setInnerText(my$("dv"), "我是新的div"));
};
</script>
</body>
IE8测试