<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript">
var array = [];
onload = function ()
{
var tags = documentbodygetElementsByTagName ('');
for ( var i = 0; i < tagslength; i++)
{
arraypush (getText (tags[i]));
}
consolelog (array);
}
var getText = function (dom)
{
var index = 0, html = dominnerHTML;
while (domchildrenlength && index < domchildrenlength)
{
var chtml = domchildren[index]outerHTML;
html = dominnerHTMLreplace(chtml, '');
index++;
}
return "<font>" + html + "</font>";
}
</script>
</head>
<body>
<p>
ths is p<a href="">this is a</a>wyz
</p>
<i>this is i</i>
<b>this is b</b>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN">
<html>
<head>
<meta >
HTML <p> 标签
定义和用法
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
实例
以下代码标记了一个段落:
<p>This is some text in a very short paragraph</p>
浏览器支持
所有主流浏览器都支持 <p> 标签。
HTML 与 XHTML 之间的差异
在 HTML 401 中,所有 p 元素的呈现属性均不被赞成使用。
在 XHTML 10 Strict DTD 中,所有 p 元素的呈现属性均不被支持。
可选的属性
属性 值 描述
align left
right
center
justify
标准属性
id, class, title, style, dir, lang, xml:lang如需完整的描述,请访问标准属性。
事件属性
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
以上摘自:W3school教程
-----------------------
你所说的javascript里面的P标签指js *** 作(Html)p标签
因为P标签不止一个。
var p= documentgetElementsByTagName('p');
getElementsByTagName这个函数的返回值是个数组
不管有几个p标签,返回都是数组,所以就要使用[0]来取其中的一个。
HTML结构:
<div id="test">
id=test: <span>Glen</span><span>Tane</span><span>John</span><span>Ralph</span>
</div>
<div id="test1">
id=test0: <span>Glen1</span><span>Tane1</span><span>John1</span><span>Ralph1</span>
</div>
<input type='button' value='获取id为test的div下的span' onClick="fun()"/>
扩展资料:
getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表),这些元素是在使用此方法时所处的元素的后代。
getElementsByTagName() 可被用于任何的 HTML 元素
如果把特殊字符串 "" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。
传递给 getElementsByTagName() 方法的字符串可以不区分大小写。
参考资料来源:百度百科-getElementsByTagName
3088569说错了,在JavaScript里面事件名是 onXXX(你百度一下“不喜欢onXXX”,就知道了,呵呵)
<html>
<head>
<title>添加onclick事件</title>
<script language="javascript" type="text/javascript">
windowonload = function() {
var tagP = documentgetElementsByTagName("p");// 获取所有P标签元素
for (var i = 0, len = tagPlength; i < len; i++) {
var thisID = tagP[i]id;
tagP[i]onclick = function() {// 给P标签添加onclick事件
alert(thisID);
};
}
}
</script>
</head>
<body>
<p id="1">1111111111</p>
<p id="2">2222222222</p>
</body>
</html>
对了,看了我为ぁ琴狂的回答才发觉,你是要d出ID的吧?
但你自己写的那里面确是里面的内容,如果你要的是内容的话,把var thisID = tagP[i]id;改一下,改成tagP[i]innerHTML就可以了。
以上就是关于js获取网页当中所有标签里面的文本全部的内容,包括:js获取网页当中所有标签里面的文本、如何用js获取html里的“xxx”标签个数,如 <p>1</p> <p>2</p> <p>3</p>,如何通过某种方法来返回“3”。、javascript中</p>和<p>是什么意思等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)