妙味远程课堂-JS热身运动-下

Posted 缘琪梦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了妙味远程课堂-JS热身运动-下相关的知识,希望对你有一定的参考价值。

html由属性名和属性值组成

属性读操作:获取、找到

元素.属性名

属性写操作:添加、替换、修改

元素.属性名=新的值

元素.innerHtml//读取元素内的html内容

元素.innerHtml=新的值//修改或替换他里面的内容

案例1

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>妙味1</title>
    <script>
        window.onload=function(){
            var oBtn=document.getElementById(‘btn1‘);
            var oText=document.getElementById(‘text1‘);
            var oSelect=document.getElementById(‘select1‘)
           oBtn.onclick=function(){
       //alert(oText.value+‘在‘+oSelect.value);
       //oText.value=‘grey‘;
               oText.value=oSelect.value;
        }}
    </script>
</head>
<body>
<input id="text1" type="text">
<select id="select1">
    <option value="北京">北京</option>
    <option value="上海">上海</option>
    <option value="杭州">杭州</option>
</select>
<input id="btn1" type="button" value="按钮">
</body>
</html>

案例2

 

以上是关于妙味远程课堂-JS热身运动-下的主要内容,如果未能解决你的问题,请参考以下文章

2016年5月25日下午(妙味课堂js预热课程-4笔记)

2016年5月27日上午(妙味课堂js基础-3笔记一(事件))

2016年5月27日下午(妙味课堂js基础-3笔记三(事件))

2016年5月27日下午(妙味课堂js基础-3笔记二(事件))

2016年5月25日下午(妙味课堂js预热课程-4笔记二)

妙味js预热课程