欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 學習筆記（一）DOM基本操作

 更新時間：2011年04月08日 00:13:27   作者：  
主要是為了使自己更加熟練操作DOM，記錄自己的點滴，規(guī)范自己的代碼！希望大家共同進步！
html部分代碼：
當點擊show按鈕時，觸發(fā)showValue函數(shù)，將input value的值動態(tài)添加到id="text"的元素節(jié)點中！
復制代碼 代碼如下:

<p>
　　<input type="text" value="" name="user_name" id="user_name" />
　　<span style="padding-left:10px;"><input type="button" value="show" onclick="showValue()" /></span>
</p>
<p id="text"></p>

javascript 部分代碼：
頁面加載時，使input自動獲得焦點，引導用戶輸入內(nèi)容。（細節(jié)加強用戶體驗）
復制代碼 代碼如下:

window.onload = function() {
var user_name = document.getElementById("user_name");
user_name.focus();
}

如果沒有輸入任何內(nèi)容，給出錯誤提示，同時又讓input獲得輸入焦點
復制代碼 代碼如下:

function showValue() {
var user_name = document.getElementById("user_name");
var text = document.getElementById("text");
if(user_name.value == "") {
alert("Please input some words");
user_name.focus();
} else {
text.innerHTML = user_name.value;
text.setAttribute("class", "text");
}
}

HTML代碼中的<div id="test"></div>完全可以不用，我們可以利用DOM動態(tài)創(chuàng)建，并添加到文檔中！
復制代碼 代碼如下:

//創(chuàng)建div元素
var text = document.createElement("div");
//把user_name.value的值添加到div元素中來
text.appendChild(user_name.value);
//最后將div元素添加到body中來
document.body.appendChild(text);

相關文章

最新評論