有一个工具可以,和思维导图差不多的意思
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
span {
cursor: pointer;
}
</style>
<script type="text/javascript">
window.onload = function () {
// 获取元素
var stars = document.getElementById('stars').getElementsByTagName('span');
var ret = document.getElementById('ret');
//定义getStar函数
function getStar(n){
for(var i=0;i<stars.length;i++){
if(i<n-1 || i==n-1){
stars[i].style.color = "red";
}
else{
stars[i].style.color = "";
}
ret.innerHTML = n + "星";
}
}
// 每个星星节点的点击事件
for(var i = 0;i<stars.length;i++){
stars[i].onclick = function(){
var n = this.getAttribute("star");
console.log(n);
getStar(n);
}
}
}
</script>
</head>
<body>
<div id="stars">
<span star="1">★</span>
<span star="2">★</span>
<span star="3">★</span>
<span star="4">★</span>
<span star="5">★</span>
</div>
<div id="ret"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.con {
width: 200px;
height: 200px;
background: red;
}
.tou {
width: 200px;
height: 30px;
line-height: 30px;
background: #a7cbff;
}
.tou button {
float: left;
}
.tou .ret {
float: right;
}
</style>
<script type="text/javascript">
// 定义vote函数,计算票数
// 定义disabled函数,禁用投票按钮
function vote(btn){
// var num = parseInt(btn.parentNode.getElementById("total")[0].innerText);
var numNode = document.getElementById("total");
var num = parseInt(numNode.innerText)+1;
numNode.innerText= num;
btn.disabled =true;
debugger;
setTimeout(a,3000);
}
function a(){
document.getElementsByTagName("button")[0].disabled =false;
// alert("Hello")
// btn.disabled=false
}
</script>
</head>
<body>
<div class="con">投票内容</div>
<div class="tou">
<button onclick="vote(this)">投票</button>
<span class="ret">总票数:<span id="total">0</span></span>
</div>
</body>
</html>
标签就不要用+号拼了
JS主要属于前端工作的范畴,而后面数据库之间的交互访问,已经不是前端的工作了。当然,我们可以去学,目前我们在这里所练习的,只是JS的使用而已,并没有后台数据处理,你可以尝试学习一下Ajax、PHP、数据库管理等相关知识,我们一起加油,好吗?
12323
嗯,你这样写也是对的,不过我试了一下,其实函数传不传参没什么关系,不影响效果,加油
判断字数达到140是给文本框添加readonly='readonly'属性,就不能输入了。
返回课题界面,点击资料下载,里面有所有的源代码
源代码里有
666 牛逼
刚刚测试了一下,感觉不太对,于是上csdn找到了答案:
innerText是id为object的闭合标签内的文本,输入输出的是转义文本(字符串);
(label控件用innerText有效)
innerHtml是<标签>这里</标签>的文本,输入输出到该DOM内部纯HTML代码流;
(获得td、div等html元素时候,它们是没有value或是text属性,只能用innerHtml)
value是表单元素特有的属性,输入输出的是转义文本(字符串);
(Button、CheckBox、Radio)随表单一起发送的值;
(Reset、Submit)标签;
(Text、Hidden)默认值;
(File、Password)
(注: Text控件用value有效)
我刚试了一下,传一个el也可以,在方法里面寻找父节点三次得出box也是对的
txt获取到元素时可以直接用.style设置相应的属性值;
text-box-on就是height:50px;
n不需要先parseIn(n),将其转化为整数么?我记得大部分面向对象语言里数据都是以字符串形式传递的
是的 好像是中文的 但是不必在意这个细节
编辑器上面写着呢 webstorm7
是的 ajax比较好实现的
直接在js中提供数据,然js渲染出来
表示你只有一个onblur,什么意思?
事件是给stars数组绑定的,就需要用this来获取当前点击的星,你改成stars[i].getAttribute()了怎么知道点的是哪个星?
在获取或设置的内容没有HTML标签只有文本的情况下.用innerText和innerHTML 写入和获取文本的效果是一样的
jetbrains.
有些不兼容
拿到的是集合,
dom中没有remove()
因为要取得第一个button啊
document.getElementsByTagName('button') 这里取得的是一个数组,所有button元素的集合
要从数组里取一个元素 不就是 [i] 这样吗
源码是书, 打代码是看书 , 拿着书不看,没什么用