操作元素

修改元素文本:
innerText 和 innerHTML的区别
1.innerText 不识别html标签,非标准,去除空格和换行;
2.innerHTML识别html标签 W3C标准,同时保留空格和换行;

修改元素属性:
图片属性改变:
img.src=‘新路径’;
img.title=‘新title’;
其他属性类似

  		//1.获取元素
        var img = document.querySelector('img');
        var div = document.querySelector('div');
        //2.得到当前小时数
        var date = new Date();
        var h = date.getHours();
        //3.判断小时数改变图片和文字信息
        if(h<12) {
            img.src = '新路径';
            div.innerHTML = '好好学习写代码'; 
        } else if(h>12) {
            div.innerHTML = 'goodgoodstudy';
            img.src = '新路径';
        } 

修改表单元素

		var btn = document.querySelector('button');
        var input = document.querySelector('input');

        btn.onclick = function() {
            input.value = '被点击了';
            btn.disabled = true;
        }
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页