JavaScript的操作进阶

小薇不会编程

于 2022-09-09 18:12:08 发布

阅读量259

点赞数

分类专栏： javascript 前端文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_45611586/article/details/126786520

版权

JavaScript对事件、css的操作。运用JavaScript创建代码对性能进行优化的两种常见场景的解决方案。

摘要由CSDN通过智能技术生成

一、JavaScript之操作CSS

1，HTML元素的style属性

操作css样式最简单的方法就是使网页元素节点的setAttribute方法直接操作网页元素的style属性：box.setAttribute("style","weight:200px")

2，元素节点的style属性

var divstyle = document.querySelector("div").style;
divstyle.style.color = red;

3，cssText属性

var divStyle = document.querySelector("div").style;
divStyle.cssText="background:rd"+"height:200px"

二、事件

1，事件处理程序

A，HTML事件

<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>Js事件详解--事件处理</title>
    </head>
    <body>
        <div id="div">
            <button id="btn1" onclick="demo()">按钮</button>
        </div>
        <script>
            function demo(){
   
                alert("hello html事件处理");
           }
        </script>