操作元素属性的几种方式

最新推荐文章于 2023-11-16 13:56:07 发布

HaahLeel

最新推荐文章于 2023-11-16 13:56:07 发布

阅读量686

点赞数

分类专栏： miaov 笔记

本文链接：https://blog.csdn.net/NewStart_lh/article/details/46629041

版权

miaov 笔记专栏收录该内容

21 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<script>
    window.onload=function(){
        var oInp=document.getElementById("inp");
//        alert(oInp.value);
//        alert(oInp['value']) //适合定义变量时使用
//        alert(oInp.getAttribute('value')) //能够获取自定义属性的值
        oInp.setAttribute('value','我不是文本框'); //增加/修改 元素属性
        oInp.removeAttribute('value') //移除元素属性

        /*
          img.src和img['src'] 获取的是元素的绝对路径
          getAttribute('src') 获取的是src的属性值 logo.png
        */
    }
</script>
<body>
    <input type="text" id="inp" value="我是文本框"/>
    <img src="logo.png" alt=""/>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HaahLeel

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
操作元素属性的几种方式

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><script> window.onload=function(){ var oInp=document.getElementById("inp");// alert(oI
复制链接

扫一扫