js获取网页当中所有标签里面的文本

js获取网页当中所有标签里面的文本,第1张

<!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>是什么意思等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9307258.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存