表單中使用name來獲取表單的value
方法是使用document.getElementsByName()來獲取，但是一定要記得這樣獲取到的結果為集合。如果代碼寫成這樣將不會起作用
var x = document.getElementsByName("x").value;
window.alert(x);你會發現alert出來的是undefinded
因為獲取的結果為集合，所以應該加上下標，如下：
var x = document.getElementsByName("x")[0].value;
windwo.alert(x);這時，alert出來的才是正確的值。
用js來獲取textarea中用戶輸入的值
同上面的一樣。起初以為是用.innerHTML來獲取，後發現也是用value獲取。
代碼1：
效果1：
關於在匿名函數中使用innerHTML遇到的問題
在寫練習的時候遇到一個問題，在網頁中動態的顯示當前的時間。用了setInterval()，然後把顯示時間的代碼寫成匿名函數放在setInterval()的第一個參數裡面了，可是網頁一直報錯，顯示不了時間。
<html>
<head>
<title>始終製作</title>
<script type="text/javascript">
window.onload = window.setInterval((function() {
var nTime = new Date();
var year = nTime.getFullYear();
//alert(year);
var month = nTime.getMonth()+1;
var day = nTime.getDate();
var hours = nTime.getHours();
var minutes = nTime.getMinutes();
var seconds = nTime.getSeconds();
var week = nTime.getDay();
var amOrpm = "";
var weekday="";
if(hours > 12 && hours <24) {
amOrpm = "PM";
}else if(hours >= 0 && hours <= 12){
amOrpm = "AM";
}
switch(week) {
case 1:
weekday = "星期一";
break;
case 2:
weekday = "星期二";
break;
case 3:
weekday = "星期三";
break;
case 4:
weekday = "星期四";
break;
case 5:
weekday = "星期五";
break;
case 6:
weekday = "星期六";
break;
case 7:
weekday = "星期天";
break;
}
var reallyt = year + "年" + month + "月" + day + "日" + " " + hours
+ ":" + minutes + ":" + seconds + " " + amOrpm + " " + weekday;
//document.write(reallyt);
document.getElementById("nowTime").innerHTML="<h2>"
+ reallyt + "</h2>";
})(),1000);
</script>
</head>
<body>
<h1>歡迎來到炒雞無敵大餐廳，現在的時間是：</h1>
<div id="nowTime"> </div>
</body>
</html>網頁報錯如下：
後面把匿名函數放出來聲明好，再在setInterval()裡面調用，又可以用了，很鬱悶（補充：或者把innerHTML換成innerText試試？不行。。。）。在網上搜到說是好像因為匿名函數是一行一行執行的，在執行到innerHTML那裡時，因為網頁中的id為nowTime的div還沒加載，所以找不到就報錯了。不知道這個解釋正不正確。
改正後代碼：
結果：
貌似還有一個方法是：把js腳本放在body後面引入？ 在我這份代碼中不行。。。
關於index
通過getElement系列函數獲取的元素集合有一個index屬性。例如
var temp = document.getElementByName("x");
temp[0].index=i;這段代碼表示，第一個元素的下標等於i。
在a標籤中使用onclick等事件
在a標籤中使用onclick等事件時，為了防止此事件失效，需要把a標籤的href屬性的屬性值設置為：javascript:void(0);
使用getElementXXXX系列函數
使用getElementXXXX系列函數時，如果要獲取標籤的各種屬性，在html中標籤的屬性名怎麼寫，js中的屬性名就怎麼寫。只有一個意外，如果要獲取標籤的class屬性，則在js中要通過clsaaName來獲取
var d = getElementById("div11");
d.className = "div22";
//通過className來獲取類名<div id = "div11" class = "div1"> kadl</div>z-index使用
在網頁中，要想使z-index出現效果，元素必須設置定位，不管是絕對定位還是相對定位都可以，根據情況
css中的透明度
使用opacity(x)實現，x的取值為0-1之間的小數。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/228124.html
微信掃一掃 
支付寶掃一掃 