夜光带你走进JavaScript（三）擅长的领域

最新推荐文章于 2022-10-29 18:04:51 发布

GeniusTeam-夜光

最新推荐文章于 2022-10-29 18:04:51 发布

阅读量139

点赞数

分类专栏： Genius-JavaScript

本文链接：https://blog.csdn.net/weixin_41987706/article/details/102544918

版权

Genius-JavaScript 专栏收录该内容

59 篇文章 2 订阅

订阅专栏

夜光序言：

把酒饮西风，落红低吟愁断肠。残花翩跹化仙子，似水柔眸拨清殇。

正文：JavaScript：改变 HTML 样式

改变 HTML 元素的样式，属于改变 HTML 属性的变种。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<h1>我的第一段 JavaScript</h1>
<p id="demo">
    JavaScript 能改变 HTML 元素的样式~~嗯唔
</p>
<script>
    function myFunction()
    {
        x=document.getElementById("demo"); // 找到元素
        x.style.color="#ff0000";          // 改变样式
    }
</script>
<button type="button" onclick="myFunction()">点击这里</button>

</body>
</html>

JavaScript：验证输入

JavaScript 常用于验证用户的输入比如说一个登陆页面

嗯唔~

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>夜光</title>
</head>
<body>

<h1>做个验证功能 JavaScript</h1>
<p>请输入数字~~  如果输入值不是数字，浏览器会弹出提示框</p>
<input id="demo" type="text">
<script>
    function myFunction()
    {
        var x=document.getElementById("demo").value;
        if(x==""||isNaN(x))
        {
            alert("不是数字~~");
        }
    }
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>