【50分】如何让引用的.js文件获取html5文本框的内容，并返回插入到html的span中？
是这样的，我希望实现这样一个效果：html里有一个单行文本框，一个按钮。当我在文本框中输入了某些内容（比如123），然后按一下按钮，我所输入的内容就通过一个span标签改...
是这样的，我希望实现这样一个效果：html里有一个单行文本框，一个按钮。当我在文本框中输入了某些内容（比如123），然后按一下按钮，我所输入的内容就通过一个span标签改变了一下颜色，显示在文本框下面，这个过程必须调用一个外部.js文件。现在的问题是我不知道该怎样写才能实现 在.js中创建事件处理函数，处理button的点击事件；在button的点击事件处理函数中，获取input的内容，并将其插入span中（现在主要就是不会这个插入到span中）？
希望大家解答，最好请给出完整的代码（包括html的和js的） 50分急求！！ 展开
希望大家解答，最好请给出完整的代码（包括html的和js的） 50分急求！！ 展开
1个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>insert</title>
<style type="text/css">
* {margin: 0;padding: 0;}
#decorate { display: block;color: #f00;}
</style>
<script type="text/javascript" src="js/insert.js"></script>
</head>
<body>
<div id="wrap">
<input type="text" id="inp" />
<input type="button" id="btn" value="button"/>
</div>
</body>
</html>
//js file
// JavaScript Document
window.onload = function () {
var w = document.getElementById("wrap");
var inp = document.getElementById("inp");
var btn = document.getElementById("btn");
var span = document.createElement("span");
span.id = "decorate";
btn.onclick = function () {
if ( !document.getElementById("decorate") ) {
w.appendChild(span);
}
span.innerHTML = inp.value;
}
}
更多追问追答
追问
哥们你这方法确实可行。。。不过没弄span啊？我最关心的其实是怎样写才能让js获取的内容插到html的span里。。。再帮我看看成不？
追答
var span = document.createElement("span");
span.id = "decorate";
//上面两句就是动态创建一个span元素；
w.appendChild(span);
//这句是将span插进去
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
