访问HTML标签的内容
2010-04-21 15:06
381 查看
<html>
<head>
<title>访问HTML元素的内容</title>
<script language="JavaScript">
function changeText(){
myH2.innerText = "更改文字内容";
}
function changeHTML(){
myH2.innerHTML = "<marquee>更改标签内容</marguee>"
}
function showContent1(){
alert(myP.innerText + "\n" + myP.innerHTML);
}
function showContent2(){
alert(myP.outerText + "\n" + myP.outerHTML);
}
</script>
</head>
<body id="myBody">
<h2 id="myH2">访问HTML元素的内容</h2>
<hr>
<p id="myP">访问<i id="myI">HTML</i><b>元素</b>的内容</p>
<form>
<input type="button" onclick="changeText()" value="更改文字内容">
<input type="button" onclick="changeHTML()" value="更改标签内容">
<input type="button" onclick="showContent1()" value="显示Inner元素内容">
<input type="button" onclick="myI.outerText='CSS';" value="取代文字内容">
<input type="button" onclick="showContent2()" value="显示Outer元素内容">
</form>
</body>
</html>
<head>
<title>访问HTML元素的内容</title>
<script language="JavaScript">
function changeText(){
myH2.innerText = "更改文字内容";
}
function changeHTML(){
myH2.innerHTML = "<marquee>更改标签内容</marguee>"
}
function showContent1(){
alert(myP.innerText + "\n" + myP.innerHTML);
}
function showContent2(){
alert(myP.outerText + "\n" + myP.outerHTML);
}
</script>
</head>
<body id="myBody">
<h2 id="myH2">访问HTML元素的内容</h2>
<hr>
<p id="myP">访问<i id="myI">HTML</i><b>元素</b>的内容</p>
<form>
<input type="button" onclick="changeText()" value="更改文字内容">
<input type="button" onclick="changeHTML()" value="更改标签内容">
<input type="button" onclick="showContent1()" value="显示Inner元素内容">
<input type="button" onclick="myI.outerText='CSS';" value="取代文字内容">
<input type="button" onclick="showContent2()" value="显示Outer元素内容">
</form>
</body>
</html>
相关文章推荐
- 网页内容的html标签补全和过滤的两种方法
- html meta标签属性与内容
- Android ios获取html页面的标签内容
- 【转】【问题】HTML标签head内容被移至body,顶部有空隙
- html title换行方法 如a链接标签内title属性鼠标悬停提示内容换行
- 【HTML】使用iframe标签显示目标网页(内容)的指定区域
- jquery实现html页面的导航的标签内容切换
- 网站开发技术手记-读取html标签内容
- Java 获取Html文本中的img标签下src中的内容
- html中input标签内容改变触发事件
- html标签内容为纯英文字符或数字时的溢出处理
- 获取HTML span标签中间的内容——(跨浏览器)
- php获取网页标题和内容函数(不包含html标签)
- html相关内容以及标签的使用方法
- php获取网页标题和内容函数(不包含html标签)
- 删除字符串中所有html标签,保留标签内容
- 通过js去掉所有的html标签,得到HTML标签中的所有内容
- WKWebView和UIWebView查看访问网页html内容的方法
- 摘自w3school的html标签内容——格式标签
- 正则匹配内容为空的HTML标签