js操作属性

<p>中华民国成立于哪一年</p>
<p>
  <label for="textfield"></label>
  <input type="text" name="textfield" daan="1912" id="textfield" />
  <input type="submit" name="button" id="button" onclick="hanshu()" value="提交" />
</p>
</body>
</html>
<script>
function hanshu()
{
    var a=document.getElementById("textfield")//获取id为textfield这个标签里的值存在变量a里
    var a1=a.value;  //把变量a里的值赋给a1
    var a2=a.getAttribute("daan");// 获取属性daan里的值赋a2
    if(a1==a2)
    {
      alert("恭喜你答对了");
        }
        else
        {
       alert("笨蛋");
            }
    }
</script>
时间: 2024-10-13 23:46:44

js操作属性的相关文章

JS操作属性、样式

JS操作属性:aaa.getAttribute("属性名"); - 取出aaa这个dom对象的属性名中的属性值 aaa.removeAttribute("属性名"); -移除该属性 aaa.setAttribute("属性名","值"); --添加/修改此属性 window.setTimeout("b()", 3000); --等待3秒,执行b这个方法,执行一遍window.setInterval('aaa

JS操作属性和样式

JS操作属性:aaa.getAttribute("属性名"); - 取出aaa这个DOM对象的属性名中的属性值aaa.removeAttribute("属性名"); -移除该属性aaa.setAttribute("属性名","值"); --添加/修改此属性 window.setTimeout("b()", 3000); --等待3秒,执行b这个方法,只执行一遍.window.setInterval('aaa

js 操作属性

操作属性: 对象.setAttribute('属性名','值'); - 添加属性 对象.getAttribute('属性名'); - 获取属性值,如无此属性,那么返回null 对象.removeAttribute('属性名'); - 移除属性 定时器: window.setTimeout(function(){},间隔时间毫秒); - 定时炸弹,延迟执行,只执行一次 window.setInterval(function(){},间隔的时间毫秒); - 无限循环,每一次循环有间隔时间,一般不要小

JS——操作属性

操作属性: 对象.setAttribute('属性名','值'); - 添加属性对象.getAttribute('属性名'); - 获取属性值,如无此属性,那么返回null <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; cha

js最基础知识回顾2(函数传参,操作属性的第二种方式,提取行间事件,操作一组元素,this,焦点问题和鼠标按下抬起,选项卡)

一.函数传参     1.函数传参:参数就是占位符----函数里定不下来的东西 a. var a1=function(){ alert(123); }; function a(f){ // 相当于 f=a1 f(); }; a(a1); b.  function skip(skipPath){  //换肤 var oLink1 = document.getElementById('link1'); oLink1.href=skipPath; } c.   function setStyle(na

js第一节-js的属性操作

js第一节-js的属性操作 今天我们第一节的内容主要跟大家聊聊js的属性操作,那么什么是属性呢?属性就是对于一个事物的描述,比如一个元素它的id,它的value值等.每个元素都有其自己本有的属性,也有我们给它定义的属性--自定义属性,总之这些都是描述其元素独有特性的.现在呢,我通过两个实例跟大家讲解一下什么是js的属性操作. 一.第一个实例是:图片的轮播图 效果图: 图1:加载的时候 图2:加载之后 HTML代码和CSS代码: JS代码: 上面用到了var oId = document.getE

JS DOM基础 操作属性、类、CSS样式

操作属性和类 一.属性节点操作 文本节点内容的获取和修改: 语法:elementNode.attributeName ( 元素节点.属性名)     也可以使用“[ ]” ( 元素节点[属性名]) 注意:一般我们操作属性节点时是不需要获取属性节点的,而是直接通过元素节点获取(/修改)属性节点的值.      特别的,有些属性名称与js关键字或者保留字冲突了,只能用另外的名字: class属性:要写成className(class是关键字). label标签的for属性:写成htmlFor. 通过

js操作html的文本,属性,元素节点 和css

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .divred { border: solid 1px red; } </style> </head> <body> <h1>操作元素结点</h1&

JS操作标签的值、属性、样式。

DOM操作要先获取元素或标签等节点: document.getElementById('id'); 对表单如input进行操作: 获取值var users=document.getElementById('user').value; 赋值users=document.getElementById('user').value='abcdefg' 非表单使用innerHTML替换value: innerHTML:返回的是标签内的html内容,包含html标签 var dicy.innerHTML="