JS和JQ得到标签的属性和标签内的值
2017-09-02 12:57
363 查看
js获取html的span标签的值
方法一:.innerText
方法二:.innerHTML
js获取html的标签属性
两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的方式更好,但对于自定义属性blogname,则就要用getAttribute()来实现了,如:
JQ
1.得到标签内的内容分为:Text内容和HTML内容
2.获取输入框内的值
3.获取标签内属性值
<span id="testid">aaaa</span>
方法一:.innerText
var x1 = document.getElementById("testid").innerText; alert("x1="+x1);
方法二:.innerHTML
var x2 = document.getElementById("testid").innerHTML; alert("x2="+x2);
js获取html的标签属性
<a id="link" href="www.baidu.com" title="测试" blogname="前端开发">Web开发</a>
var ka=document.getElementByI d("link"); alert(ka.getAttribute("id")); alert(ka.id);
两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的方式更好,但对于自定义属性blogname,则就要用getAttribute()来实现了,如:
alert(ka.getAttribute("blogname")); //前端开发
JQ
1.得到标签内的内容分为:Text内容和HTML内容
<p id="test">这是段落中的<b>粗体</b>文本。</p> <button id="btn1">显示文本</button> <button id="btn2">显示 HTML</button> <script> $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); }); }); </script>
2.获取输入框内的值
<p>姓名:<input type="text" id="test"></p> $("#test").val();
3.获取标签内属性值
<a href="这是一个测试" id="w3s">test</a> $("#w3s").attr("href");
相关文章推荐
- jq,得到 相同 calss 属性的 标签,个数,值,
- 前端标签的小技巧-----自定义标签属性(灵活使用js/JQ脚本)
- 通过js去掉所有的html标签,得到HTML标签中的所有内容
- js改变img标签的src属性在IE下没反应的解决方法
- CSS和JS标签style属性对照表
- js无法获取到html标签的属性的解决方法
- 通过js修改html的标签属性
- 关于Js、jq css html常用属性的笔记
- 关于超链接标签 a 里的属性调用js的问题 以及yii button里面调用cgridview 某一行数据
- js里设置<a>标签的data-rel属性实例
- js获取多个标签元素的内容,并根据元素的内容修改标签的属性
- js操作标签属性,IE与Firefox有区别
- CSS和JS标签style属性对照表
- jquery的attr方法与ie7不兼容,js获取html标签自定义属性
- js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
- js 点击a标签 获取a的自定义属性方法
- css样式标签和js语法属性区别
- js控制某个div层中a标签的class属性,点击实现添加class属性,并且删除其他同级的class属性
- CSS和JS标签style属性对照表
- 关于JS修改标签的class属性