Javascript 行内事件编写

最新推荐文章于 2023-03-29 10:40:49 发布

卋舉

最新推荐文章于 2023-03-29 10:40:49 发布

阅读量525

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript html css

本文链接：https://blog.csdn.net/W_SJ_SY/article/details/120794201

javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何在HTML中使用JavaScript编写行内事件，特别是关注于`onclick`事件处理，以及如何通过JavaScript操作DOM元素，如获取和设置元素的`innerHTML`属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

按钮 button; 点击 onclick; 文档 document; 内 inner

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>行内事件编写 onclick=""</title>
    <meta name="Keywords" content="关键字">
    <meta name="description" content="简介">
    <style>
        body {
            transition: all .5s;
        }
    </style>
</head>
<body>
<!-- 按钮 button; 点击 onclick;文档 document;内 inner-->
<button onclick="document.body.style.backgroundColor=this.innerText">aqua</button>
<button onclick="document.body.style.backgroundColor=this.innerText">pink</button>
<button onclick="document.body.style.backgroundColor=this.innerText">green</button>
<script>
    console.log('hello,word')
    let d = new Date()
    let info = `${d.getFullYear()}年${d.getMonth() + 1}月${d.getDate()}日`
    console.log(info)
    /*红色输出 error*/
    console.error('凯迪拉克')
    /*警告输出 warn*/
    console.warn('雪中')
    /*打开就是lightgreen这个色*/
    document.body.style.backgroundColor = 'lightgreen'
</script>
</body>
</html>