javascript操作Dom对象

html部分代码:
当点击show按钮时,触发showValue函数,将input value的值动态添加到id=”text”的元素节点中!

代码如下:





部分代码:
页面加载时,使input自动获得焦点,引导用户输入内容。(细节加强用户体验)

代码如下:

window.onload = function() {
var user_name = document.getElementById(“user_name”);
user_name.focus();
}

如果没有输入任何内容,给出错误提示,同时又让input获得输入焦点

代码如下:

function showValue() {
var user_name = document.getElementById(“user_name”);
var text = document.getElementById(“text”);
if(user_name.value == “”) {
alert(“Please input some words”);
user_name.focus();
} else {
text.innerHTML = user_name.value;
text.setAttribute(“class”, “text”);
}
}

代码如下:

//创建div元素
var text = document.createElement(“div”);
//把user_name.value的值添加到div元素中来
text.appendChild(user_name.value);
//最后将div元素添加到body中来
document.body.appendChild(text);

声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 智乐兔
转载请注明:转自《javascript操作Dom对象
本文地址:https://www.zhiletu.com/archives-569.html
关注公众号:智乐兔

赞赏

wechat pay微信赞赏alipay pay支付宝赞赏

上一篇
下一篇

相关文章

在线留言

你必须 登录后 才能留言!

在线客服
在线客服 X

售前: 点击这里给我发消息
售后: 点击这里给我发消息

智乐兔官微