JS中的html属性操作

最新推荐文章于 2020-12-03 08:27:53 发布

qq_35476043

最新推荐文章于 2020-12-03 08:27:53 发布

阅读量317

点赞数

分类专栏： js基础

本文链接：https://blog.csdn.net/qq_35476043/article/details/51820653

版权

js基础专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/*HTML属性操作:读、写
属性名
属性值

属性的读操作：获取、找到你想要的东西,书写格式：元素.属性名
例：字符串连接

属性的写操作：（“添加”）替换、修改某个东西，书写格式：元素.属性名 = 新值

innerHtml 读取元素内的所有HTML内容

*/
window.onload = function(){
var oBtn = document.getElementById('btn1');
var oText1 = document.getElementById('text1');
var oSelect = document.getElementById('select1');
/*oBtn.onclick = function(){
alert(oBtn.id); //获取oBtn元素的id
alert(oBtn.value); //获取oBtn元素的 value
alert(oText1.value);//获用户输入的内容
alert(oText1.value+'在'+oSelect.value);//字符串连接
}; //若被函数包裹,需要点击后才会弹出提示.*/
*/
oBtn.onclick = function(){
oBtn.value = 'Button';
oText1.value = '按钮';
};
}; //函数后面必须加分号
</script>
</head>
<body>
<input id="text1" value=""/>
<select id="select1">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="成都">成都</option>
</select>
<input id="btn1" type="button" value="按钮"/>
</body>
</html>

qq_35476043

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS中的html属性操作

/*HTML属性操作:读、写属性名属性值属性的读操作：获取、找到你想要的东西,书写格式：元素.属性名例：字符串连接属性的写操作：（“添加”）替换、修改某个东西，书写格式：元素.属性名 = 新值*/window.onload = function(){var oBtn = document.getElementById('btn1');var
复制链接

扫一扫