前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript当中Element如何用 getAttribute和 setAttribute

javascript当中Element如何用 getAttribute和 setAttribute

作者头像
马克java社区
修改2021-01-28 10:03:13
5210
修改2021-01-28 10:03:13
举报
文章被收录于专栏:java大数据

例 3.2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

<SCRIPT LANGUAGE="JavaScript">

<!--

function fun()

{

    var ele = document.getElementById("txt")

/*Element.getAttribute() (Method)

An accessor for reading named custom attributes.

Property/method value type: String primitive

JavaScript syntax: - myElement.getAttribute(anAttribName)

*/

    var v = ele.getAttribute("value");

    var nq = ele.getAttribute("NAME");

    var tp = ele.getAttribute("type");

    var qn = ele.getAttribute("qixyNewAttribute");

    alert(v+nq+tp+qn);

}

function fun2()

{

    var ele = document.getElementById("txt")

    alert(ele.getAttribute("value"));//马克-to-win:这样不能把input中实时的值取回来,getAttribute只能取初值,或setAttribute设置的值

    ele.setAttribute("value",ele.getAttribute("value")+"111");

    alert(ele.getAttribute("value"));

    ele.setAttribute("value",ele.value);//这样才能把input中实时的值取回来,getAttribute只能取初值,或setAttribute设置的值。

    alert(ele.getAttribute("value"));

    ele.setAttribute("qixyNewAttribute",ele.getAttribute("value"));

}

//-->

</SCRIPT>

</HEAD>

<BODY>

<INPUT TYPE="text" id="txt" NAME="nameq" value="please input新中文" ><P>

<INPUT TYPE="button" value="getAttribute测试" οnclick="fun()">

<INPUT TYPE="button" value="setAttribute测试" οnclick="fun2()">

</BODY>

</HTML>

更多请见:https://blog.csdn.net/qq_43650923/article/details/103050984

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档