JS不通过id获取p标签的文本

JS不通过id获取p标签的文本,第1张

<h2>This is a heading</h2>

<p>This is a paragraph</p>

<p>This is another paragraph</p>

<button type="button">Click me</button>

<script>

//        页面加载

    windowonload = function(){

//        获取button按钮

        var obj = documentgetElementsByTagName("button");

//        监听button按钮

        obj[0]onclick = function(){

//            获取P标签

            var oP = documentgetElementsByTagName('p');

            for( var i = 0 ; i < oPlength ; i++)

            {

//                修改P标签颜色

                oP[i]stylecolor = 'red'

            }

        }

    }

</script>

下面用 jQuery 将全部 url 和 文本分别添加到两个数组里面。

其实两个数组是一样的,因为你从数据库输出的时候应该是用的同一个 url 变量输出两次,结果都是类似 aaacom 这样的。

<script type="text/javascript">

$(function() {

var labels = [], urls = [];

$("form[name=frmsearchedresult] a[href^='whois']")each(function(){

labelspush($(this)text());

urlspush($(this)attr("href")replace(/^whois\asp\domain=/, ""));

});

// ["", "baiducom", "googlecn", "sinacomcn", "yahoocom", "163com"]

alert(labels);

// ["", "baiducom", "googlecn", "sinacomcn", "yahoocom", "163com"]

alert(urls);

});

</script>

1、JavaScript原生方式,通过value属性取值。var a=documentgetElementById("nn")value;

2、jquery方法,通过val()方法来获取,代码是  var a = $("#nn")val();

扩展资料:

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。

参考资料:

百度百科-getElementById

参考资料:

w3school-jQuery 属性 *** 作 - val() 方法

可以使用next()

取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

html代码如下

<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>

Jquery获取

$("p")next()

结果获取标签

<p>Hello Again</p>, <div><span>And Again</span></div>

获取标签内容

$("p")next("eq:(0)")html() //Hello Again

给你的取个id

(注意:id在同一页面上最好别有重复的,就跟身份z号一样,任何标签的最好都别重复)

然后通过id定位到该a标签:

var myA = documentgetElementById("a1")或者documentalla1;

最后就可以读取了:myAinnerHTML或者myAinnerText(前者是读取前后a标签内的所有HTML代码,后者是仅读取前后a标签内的文本值)

如:<a<baaaa</b</a innerHTML就能获取到<baaaa</b,而innerText只能获取到aaaa

还要注意以上代码中的大小写,JS是严格区分的仅供参考

我想这就是你想要的:

<html>

<head>

<script language="javascript">

function $(taglib)

{return documentgetElementById(taglib);

}

function selectdata(tag)

{var tabobj=$("choose_data");

var trobj=tabobjrows[0];

var tdobj=trobjcells;

var bg="#00F";

var fg="#FFF";

for(i=0;i<tdobjlength;i++)

{var tmp=parseInt(tdobj[i]innerHTML);

if((tag=="big" && tmp>4)||(tag=="small" && tmp<=4)||(tag=="odd" && tmp%2!=0)||(tag=="even" && tmp%2==0)||tag=="all")

{tdobj[i]stylebackground=bg;

tdobj[i]stylecolor=fg;

}

else{

tdobj[i]stylebackground="#FFF";

tdobj[i]stylecolor="#000";

}

}

}

</script>

</head>

<body>

<table border=1 id="choose_data">

<tr>

<td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td>

</tr>

</table>

<span onclick="selectdata('big')">大</span>,<span onclick="selectdata('small')">小</span>,<span onclick="selectdata('odd')">单</span>,<span onclick="selectdata('even')">双</span>,<span onclick="selectdata('all')">全</span>,<span onclick="selectdata('none')">清</span>

</body>

</html>

原生JS获取某节点的方法:

documentgetEelementById(id);//根据id获取此节点

documentgetEelementsByName(name);//根据name获取此节点集

documentgetEelementsByTagName(tagName);//根据标签名获取此节点集

documentgetEelementsByClassName(className);//根据class名称获取此节点集

documentquerySelector(selector);//根据此选择器获取此节点集第一个节点

documentquerySelectorAll(selector);//根据此选择器获取所有此类节点集

以上就是关于JS不通过id获取p标签的文本全部的内容,包括:JS不通过id获取p标签的文本、求救一个用JS或jquery获取一个指定from里面A标签的href的URL字符串和A中间的文本。、javascript怎样取input标签里的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9704146.html

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

发表评论

登录后才能评论

评论列表(0条)

保存