js如何获取html的数据

js如何获取html的数据,第1张

一般用原生js、jQuery获取html元素的值。<div id="test">数值</div>

原生js写法:

alert(documentgetElementById('test')innerHTML);//数值

jQuery写法:

alert($('#test')html());//数值

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

var listname=linkgetAttribute("class");

link 没有getAttribute方法

追问

最开始是这样写的:

function changeBackgroundColor(obj){

var listname=objgetAttribute("class");

}

在之前还试过使用objclassName,代码都可以运行但是会报错

追答

你可以用consoledir(obj)看这个obj对象有那些属性和方法

没有按照JS语言规范来写当然会报错。

documentgetElementById("") 里边就不要用 +拼接符了,而且后边不是document,而是直接一个点就可以了。

for 循环也有问题。

不要用O=0;这样难以区分,养成好的习惯

var sstab = documentgetElementById('yearr')getElementsByClassName("stab");

for(var i=0;i<sstablength;i++) {

var rowss = sstab[i]rows; //rows 十个什么鬼

for (var k = 0; k < rowsslength; k++){

// for 循环是标准的 for(){} 括号加大括号 你这又少个大括号是什么意思。

}

{

看来你基础还很薄弱,继续加油吧,帮你看 也是在提升自己。

还有养成

consolelog() ,还有 alealert () 检查代码的习惯,因为你写了一大串然后看报错了找死你,都不知道哪里错了,浪费时间

下面例子通过documentgetElementsByClassName("class1")获取所有同一class的元素,使用for循环把取得的div元素的值存入数组arr中,完成的代码如下:

运行结果,打印数组如下:

扩展资料:

js或jQuery获取html元素的值的常用方法:

例如:<div id="aa">值</div>

js写法:

alert(documentgetElementById('aa')innerHTML);

jQuery写法:

alert($('#aa')html());

说明如下:

innerHTML是取元素的内部html代码,此例中即div内部的所有html代码。

html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法。

你要找的是html元素吗?

jquery方式:$('#id')查找元素id值 $('className')查找元素class名 还有很多详查jquery文档

js原生方式:documentgetElementById('id') 查找id没有#号

documentgetElementsByClassName('className') 查找元素的class名称

documentgetElementsByTagName('tagName') 根据标签名字查找元素

同样还有很多 建议百度吧 。这些算是非常基本的知识了

例子:

<div class='view view-case-view-all' >

<div class= 'view-content view-content-case-view-all' >

<table border="1" >

<tr class="odd" >

<td class="view-field view-field-node-title" >任务测试</td >

</tr >

</table >

</div >

</div >

<script language="javascript" type="text/javascript" >

documentgetElementsByClassName = function(_className)

{ //根据class获得对象集合

var aimObj = [];

var elements = documentgetElementsByTagName("") ;//取得所有元素的集合

alert(elementslength);

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

{

if(elements[i]className==null) continue;

if(elements[i]className == _className)

{

<body>

<table class="tbeTarget" id="tbeTarget">

<tr>

<td class="tips1" id="tips1"> 12345abcd </td>

<td class="tips2" id="tips2"> 23456fvbg </td>

</tr>

</table>

<input type="button" onclick="getTdValue();" value="GETTDVALUE">

</body>

获取标签建议还是用ID来获取,简单方便

用getElementById("tbeTarget")可获取table

用getElementById("tips2")可获取到tips2

有ID的话,getElementById("tbeTarget")tips2也能得到你要的 tips2

特殊情况实在不能用ID时,也可用getElementsByTagName

var o=documentgetElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的

像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了

实在要用getElementByClassName的话,

var o=documentgetElementByClassName("tbeTarget");

var ot=ogetElementsByTagName("td"); //直接用ogetElementByClassName("tips2")应该也可以

for(var i=0;i<otlength;i++){

if(ot[i]class=="tips2"){

alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了

}

}

以上就是关于js如何获取html的数据全部的内容,包括:js如何获取html的数据、js代码获取元素class属性,firebug报错:obj.getattribute is not a function、想要通过js获取ID父元素下class的值,该怎么写,等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://www.54852.com/web/9402736.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存