今天的主要學習內容是對象方法
一、Element對象方法
1、element.innerHTML---設置或返回元素的內容。
eg.
document.getElementById("time").innerHTML=currentTime;
2、element.style---設置或返回元素的 style 屬性。
eg.
二、Form 對象方法
1、submit()---提交表單。
eg.
<body>
<form>
<input type="button" onclick="submitForm()" value="百度"/>
</form>
<script>
var form = document.getElementBYTagName("form")[0];
form.action = "https://www.baidu.com/s";
function submitForm(){
form.submit();
}
</script>
</body>
三、Text 對象
1、Text 對象屬性:
(1)disabled---設置或返回文本域是否應被禁用。
eg.
<body>
<form>
<input type="button" onclick="submitForm()" value="百度"/>
</form>
<script>
var form = document.getElementBYTagName("form")[0];
form.action = "https://www.baidu.com/s";
function submitForm(){
form.submit();
text.disabled = true;
console.log(text.disabled);
}
</script>
</body>
(2)readOnly---設置或返回文本域是否應是隻讀的。
eg.
<body>
<form>
<input type="button" onclick="submitForm()" value="百度"/>
</form>
<script>
var form = document.getElementBYTagName("form")[0];
form.action = "https://www.baidu.com/s";
function submitForm(){
form.submit();
text.readOnly = true;
}
</script>
</body>
(3)value---設置或返回文本域的 value 屬性的值。
eg.
<body>
<form>
<input id="in"/>
</form>
<script>
var text = document.getElementById("in")[0];
function submitForm(){
text.value="興唐";
console.log(text.value);
}
</script>
</body>
2、Text 對象方法
1、focus()---在文本域上設置焦點。
eg.
<body>
<form>
<input id="in"/>
</form>
<script>
var text = document.getElementById("in");
function submitForm(){
text.focus();
}
</script>
</body>
四、Radio (Checkbox) 對象
1、Radio (Checkbox) 對象屬性:
(1)checked---設置或返回單選按鈕的狀態。
eg.
<body>
<form>
<input type="radio" id="radio1" />
<input type="button" onclick="check()" value="Check" />
</form>
<script>
function check(){
document.getElementById("radio").checked=true;
}
</script>
</body>
(2)disabled---設置或返回是否禁用單選按鈕。
eg.
<body>
<form>
<input id="in"/>
<input type="button" value="百度"/>
</form>
<script>
var form = document.getElementsByTagName("form")[0];
form.action = "http://www.baidu.com/s"
var text = document.getElementById("in")[0];
function submitForm(){
text.value="興唐";
console.log(text.value);
text.disabled = true;
console.log(text.disabled);
}
</script>
</body>