JS和JQ得到標籤的屬性和標籤內的值
阿新 • • 發佈:2019-02-11
js獲取html的span標籤的值
<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");