JS中如何获取HTML中的值
<divclass="books"><imgsrc="img/数值分析.png"/><divclass="name-price"><span>书名：<b>数值分析</b>...
<div class="books">
<img src="img/数值分析.png"/>
<div class="name-price">
<span>书名：<b>数值分析</b></span><br/>
<span>价格：<b>30RMB</b></span>
</div>
</div>
比如说这个例子，想在jQuery中获取“数值分析”，该怎么弄？ 展开
<img src="img/数值分析.png"/>
<div class="name-price">
<span>书名：<b>数值分析</b></span><br/>
<span>价格：<b>30RMB</b></span>
</div>
</div>
比如说这个例子，想在jQuery中获取“数值分析”，该怎么弄？ 展开
13个回答
展开全部
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('body').append($('.name-price span').eq(0).find('b').text());。
3、浏览器运行index.html页面，此时通过jQuery取到了书名“数值分析”并打印了出来。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在JS当中获取HTML当中任意一个标签的值的方法：
1 通过id等属性，获取相应标签
2 innerHTML属性的使用
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>码匠- H5course</title>
</head>
<body>
<ol id="list">
<li>HTML5</li>
<li>学堂</li>
<li>h5course</li>
</ol>
<script>
var list = document.getElementById('list');
console.log(list.innerHTML);
</script>
</body>
</html>
显示效果：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(".name-price").find("b").eq(0).html();这样就可以获取<b>标签内的内容了，但是比较繁琐，你最好是直接在b标签上加个class或者id，就比较容易了直接写$("class或id").html();就可以了。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在一个html页面生成的时候，js就已经把dom树创建好了
只要这棵树上有的数据，我们都可以通过js来获取使用
那么这个问题就变成js如何去查询dom树的节点了
js内置了以下几个查询节点的方法
document.getElementById("id") //通过id来获取一个dom元素
document.getElementsByName("name") //通过name属性来获取一个集合
document.getElementsByTagName("tag") //通过标签来获取一个集合如果要查找的元素本身有id，通过第一个方法可以直接获取，当我们得到了这个dom节点的时候就可以输出他的一系列数据了
举个栗子
var dom = document.getElementById("id");
//如果是图片
alert(dom.src);
//如果该dom有class
alert(dom.className);
//如果该dom有value
alert(dom.value);
//如果该dom有文本
alert(dom.innerHTML);
//输出dom的style
alert(dom.style.width);
//等等当dom没有id的时候，我们就要依靠一些条件去找到我们想要的dom了
//寻找所有class为bold的div
var c = document.getElementsByTagName("div"), len = c.length, r = [];
for(var i=0;i<len;i++){
if(c[i].className == 'bold'){
r.push(c[i]);
}
}
//当得到了这些dom节点后，就可以用上面提到的方法继续访问每个dom的数据啦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（11）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
