HTML DOM輸出類型屬性用於返回輸出元素的類型,即輸出對象表示的元素的類型。此屬性將始終返回“output”。
用法:
outputObject.type
參數:此屬性不接受任何參數。
返回值:它返回一個字符串值,該字符串值表示輸出元素所屬的HTML元素的類型。
Example:本示例返回輸出類型屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Output type Property
</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>
HTML DOM Output type Property
</h2>
<form oninput="sumresult.value = parseInt(A.value)
+ parseInt(B.value) + parseInt(C.value)">
<input type="number" name="A" value="50" /> +
<input type="range" name="B" value="0" /> +
<input type="number" name="C" value="50" />
<br /> Submit Result:
<output name="sumresult" id="geeks" for="A B C">
</output>
<br>
<br>
</form>
<Button onclick="myGeeks()">Submit</Button>
<h2 id="sudo"></h2>
<script>
function myGeeks() {
var x = document.getElementById("geeks").type;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
輸出:
- 在單擊按鈕之前:
- 單擊按鈕後:
支持的瀏覽器:下麵列出了HTML DOM輸出類型“屬性”支持的瀏覽器:
- 穀歌瀏覽器10.0
- Firefox 4.0
- Opera 11.0
- Safari 5.1
相關用法
- HTML Ol type用法及代碼示例
- HTML Select type用法及代碼示例
- HTML Link type用法及代碼示例
- HTML Fieldset type用法及代碼示例
- HTML Input URL type用法及代碼示例
- HTML embed type用法及代碼示例
- HTML Script type用法及代碼示例
- HTML Button type用法及代碼示例
- HTML Anchor type用法及代碼示例
- HTML Source type用法及代碼示例
- HTML type Event用法及代碼示例
- HTML Object type用法及代碼示例
- HTML Input Range type用法及代碼示例
- HTML Input Search type用法及代碼示例
- HTML Input Datetime type用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Output type Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。