getAttribute()和setAttribute()还是有点搞不清
getAttribute()和setAttribute()还是有点搞不清
getAttribute()和setAttribute()还是有点搞不清
2016-04-12
给你举个例子你就明白了:
我们都有这样的经历,登录页面的时候,如果输入框忘记了输入,经常会在输入框内有提示文字"请输入账号"或者“请输入密码”,实现的代码如下:
(建议放在编辑器里面试下)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> function changeText() { var tAttribute= document.getElementsByName("nText"); //获取"nText"的value值,为空的话则在输入框内显示提示。 if (null == tAttribute[0].getAttribute("value"))//.getAttribute,获取信息 { tAttribute[0].setAttribute("placeholder","请输入密码");//设置信息 } } </script> </head> <body> <form> <input type="text" name="nText" /> <input type="button" name="nBtn" value="确定" onclick="changeText()" /> </form> </body> </html>
在HTML中,每一个DOM对象都有若干的属性,比如这里的text,有type、name、placeholder属性,
我们想要获取它们就用getAttribute(name)方法,看到get我们就当然会知道是获取的意思啦。
在获取之后,我们就可以根据需求来设置属性,当然就用setAttribute(name,value)方法,set是设置的意思嘛。希望能帮到你。还有疑问的话可以私信我。
举报