Ⅰ js中如何獲取一個id的值
只要使用抄getAttribute("id")函數即可獲取li元素襲的id值,下面我們一起實例操作一下吧
首先我們在html當中創建li標簽
Ⅱ js獲取id號和class類名的區別
原生JS通過id和class獲取元素是用,document.getElementById(IDname),document.getElementsByClassName('ClassName');
兼容性:ID兼容,class 不兼容IE6,7,8
數量: 通過ID只能獲取內一容個dom元素,通過class可以獲取一組元素。
通用性:ID不能重復,class可以重復,所以class比較好用,這也是jQuery能被廣泛應該的原因(選擇器好)。
Ⅲ JS代碼,任意輸入兩個數字比較大小,並輸出最大值
<script type="text/javascript">
function maxNum()
{
//獲取兩個文本框的值
var x = document.getElementById("num1").value;
var y = document.getElementById("num2").value;
//強制轉換為數值型
x = parseFloat(x);
y = parseFloat(y);
if(x<y)
{
alert("最大數是:"+y);
}
else
{
alert("最大數是:"+x);
}
}
</script>
第一個數是:<input type="text" id="num1"/><br/>
第二個數是:<input type="text" id="num2"/><br/>
<input type="button" onclick="maxNum()" value="計算"/>
</body>
分析:
這一個程序非常簡單,但是包含的信息量不少。
document.getElementById()類似於CSS中的id選擇器,而document.getElementById("num1").value表示選取id為num1的元素並獲取它的值。這個方法經常用到,大家要記一下。我們在後續課程會給大家詳細講解。
這里用到了函數調用的其中一個方式「在事件中調用函數」。<input type="button" onclick="maxNum()"/>表示在按鈕點擊的時候執行函數maxNum()。
此外,還有一點要注意的是:有些同學呀,在定義這個函數的時候定義的函數名是max,然後發現出錯了!oh~,其實那是你忽略了很基礎的一點,那就是自己定義的函數名是不能與JavaScript內部定義的函數名相同。