操作元素-改变元素内容

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>操作元素-改变元素内容</title><style>div,p {width: 300px;height: 30px;line-height: 30px;color: #fff;background-color: pink;}</style>
</head><body><button>显示当前系统时间</button><div>某个时间</div><p></p><script>// 当我们点击了按钮，  div里面的文字会发生变化// 1. 获取元素 var btn = document.querySelector('button');var div = document.querySelector('div');  //将内容显示在页面上// 2.注册事件btn.onclick = function () {//进行一个点击之后执行里面的语句div.innerHTML = getDate(); //使用getDate 获取当前系统时间 使用innerHTML返回给前端页面}function getDate() {var date = new Date();// 我们写一个 2021年 8月 20日 星期五var year = date.getFullYear();  //获取当前系统的年份var month = date.getMonth() + 1; //因为只有0-11  所以在基础上需要加1  获取当前系统的月份var dates = date.getDate();     //获取当前系统的号数var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];var day = date.getDay();return '今天是：' + year + '年' + month + '月' + dates + '日 ' + arr[day];}// 我们元素可以不用添加事件var p = document.querySelector('p');p.innerHTML = getDate();使用getDate 获取当前系统时间 使用innerHTML返回给前端页面</script>
</body></html>

操作元素-改变元素内容相关推荐

js操作元素：改变元素内容有两种方式： interText 和 innerHTML的区别，常用的元素的属性操作，仿电脑系统时间问好，表单元素的属性操作，案例：仿京东显示隐藏密码，样式属性操作
文章目录操作元素改变元素内容有两种方式: interText 和 innerHTML的区别常用的元素的属性操作案例:仿电脑系统时间问好表单元素的属性操作案例:仿京东显示隐藏密码样式属性操 ...
JS如何改变元素内容？
改变元素内容 element.innerText //从起始位置到终止位置的内容,但它去除html标签,同时空格和换行也会去掉 element.innerHTML //起始位置到终止位置的全部内容, ...
jQuery操作页面元素属性和内容
操作页面元素的属性 A $("#bu1").click(function(){ //获得元素对象 var tex=$("#inp1"); //获得元素对象的属性 ...
innerText改变元素内容
点击鼠标显示当前时间 <!DOCTYPE html> <html><head><meta charset="UTF-8"><t ...
jquery改变选中对象的css,使用jQuery选择和操作CSS伪元素，例如:: before和:: after
DIEA 您认为这将是一个简单的问题,jQuery可以做的其他事情.不幸的是,问题归结为一个技术问题:css:after和:之前规则不是DOM的一部分,因此不能使用jQuery的DOM方法进行更改.有 ...
selenium 页面经常改变元素_selenium用jquery改变元素属性
一.jQuery 语法 jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作. 1.基础语法: $(selector).action() 选择符(selector)即," ...
html元素自己属性代码,jQuery如何操作HTML的元素和属性？（代码详解例）
本篇文章给大家带来的内容是介绍jQuery如何操作HTML的元素和属性?(代码详解例),让大家了解jQuery操作元素和属性的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 1 ...
JS的DOM操作1--获取元素与修改元素(附带动图案例)
1.获取元素与修改元素 https://blog.csdn.net/TroyeSivanlp/article/details/120580055 2.创建自定义属性和节点 https://blog.c ...
c 操作html dom元素,Mootools操纵HTML DOM元素
基本方法 .get(); 这个工具可以让你获取元素的属性(property).元素的属性是组成一个HTML元素的各种不同部分,例如src.value.name等等.使用.get();方法非常简单: 参 ...

操作元素-改变元素内容

操作元素-改变元素内容相关推荐

最新文章

热门文章