在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 = documentgetElementById('list');
consolelog(listinnerHTML);
</script>
</body>
</html>
显示效果：
有原生DOM获取以及用js库比如jquery
原生DOM的话首先获取标签对象，id或者name或其他
例：
<p id="targetp" >2333333</p><script>var element = documentgetElementById("targetp");
var tagname = elementtagName;
alert(tagname);
</script>
jQuery获取
$("#content-header")get(0)tagName如果已经获取到对象可以直接获取标记名
<p onclick="alert('您单击的是：'+thistagName);">中华人民共和国</p>用JS获取Html标签属性有两种方法：
如<a id="link" href=">
1、新建html文档，在body标签中添加一个按钮，然后在head标签中引入jQuery文件：
2、使用jQuery给按钮添加点击事件，然后使用ajax发送请求并将获取到的结果进行输出：
3、用浏览器打开代码，点击浏览器上的按钮，这时html页面中的内容就被输出到了控制台中：
从js里面获取HTML 的input标签中的内容分两种：
1、获取input标签的值，方法：
根据input的name或者id获取其值，假如有：<input type='text' id='name' value=123>
js中获取方法：$("#name")val();
2、获取input标签的属性内容，方法：
如有：<input type='text' id='name' value=123 ind='1'>
要获取ind的值，方法：
$("#name")attr("ind");
两种方案：<br>1 元素获取，通过给input标签加id，通过getElementById（id）获取到该元素，然后直接访问它的value属性即可<br><input id="test"/><br>例：var oInput=documentgetElementById("test");<br>alert(oInputvalue);//获取到啦<br>2 节点获取，通过获取表单元素，然后通过表单中中各input元素的name属性获取Input子元素，进而获取它的value值<br><input name="test"/><br>例：var oForm=documentgetElementById("form1");<br>alert(oFormtestvalue);//获取到啦
用ajax。
引入jquery的话，
$("button")click(function(){
$("div")load('testhtml');
});
如果你要获取这个页面某个id或者类的html还可以这么写
$("button")click(function(){
$("div")load('testhtml
#container');
});
这个可以直接把新页面的html元素加载到指定的div或者别的元素里面。
如果你要纯代码的话，那再获取这个div的html就可以了。
$("div")html();
以上就是关于js获取html中的值全部的内容，包括:js获取html中的值、如何用JS获取html元素的标记名、怎样用JS获得标签中的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）