js的HTML属性操作
Posted zzjeny
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js的HTML属性操作相关的知识，希望对你有一定的参考价值。
<input type="button" id="btn1" value="按钮" />
html属性操作：读、写
属性名
属性值
属性都操作：获取、找到
元素.属性
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
window.onload=function () {
var oBtn=document.getElementById(\'btn1\');
alert(oBtn.value);
};
</script>
</head>
<body>
<input type="button" id="btn1" value="按钮" />
</body>
如果你不想一访问页面就弹出窗口，那就要加一个点击事件；（匿名函数）
<script> window.onload=function () { var oBtn=document.getElementById(\'btn1\'); oBtn.onclick=function () { alert(oBtn.value); //调用一个点击事件 }; }; </script>
再来看一个操作：
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
window.onload=function () {
var oBtn=document.getElementById(\'btn1\');
var oText=document.getElementById(\'text1\');
oBtn.onclick=function () {
//alert(oBtn.value);
alert(oText.value);
};
};
</script>
</head>
<body>
<input type="text" id="text1" />
<input type="button" id="btn1" value="按钮" />
</body>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
window.onload=function () {
var oBtn=document.getElementById(\'btn1\');
var oText=document.getElementById(\'text1\');
var oSelect=document.getElementById(\'select1\');
oBtn.onclick=function () {
//alert(oBtn.value);
//alert(oText.value);
alert(oSelect.value)
};
};
</script>
</head>
<body>
<input type="text" id="text1" />
<select id="select1">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="杭州">杭州</option>
</select>
<input type="button" id="btn1" value="按钮" />
</body>
以上是关于js的HTML属性操作的主要内容，如果未能解决你的问题，请参考以下文章
js代码片段: utils/lcoalStorage/cookie
在Tomcat的安装目录下conf目录下的server.xml文件中增加一个xml代码片段,该代码片段中每个属性的含义与用途