JSDay3

最新推荐文章于 2023-08-14 14:29:39 发布
最新推荐文章于 2023-08-14 14:29:39 发布
阅读量126 收藏
点赞数
文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44341488/article/details/86714446
版权

通过id找到标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f() {
            var userName = document.getElementById("userName");
            //获取标签属性
            console.log(userName.type);
            //获取标签内容
            console.log(userName.value);
            var passWord = document.getElementById("passWord");
            console.log(passWord.type);
            console.log(passWord.value);
        }
    </script>
</head>
<body>
<input type="text" placeholder="请输入用户名" id="userName"><br/>
<input type="password" placeholder="请输入密码" id="passWord"><br/>
<button onclick="f()">确认</button>
</body>
</html>

通过标签名来获取标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script> 
        function f() {
            var inputTags = document.getElementsByTagName("input");
            for (var i = 0; i < inputTags.length; i++) {
                var inputTag = inputTags[i];
                console.log(inputTag.type + "---" + inputTag.value);
            }
        }
    </script>
</head>
<body>
<input type="text" value="Java">
<input type="text" value="Android">
<input type="text" value="Python">
<input type="text" value="Php">
<input type="password" value="abcdefg">
<button onclick="f()">确认</button>
</body>
</html>

通过name属性获取标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f() {
            var inputTag = document.getElementsByName("01");
            for (var i = 0; i < inputTag.length; i++) {
                var inputTag = inputTag[i];
                console.log(inputTag.type + "---" + inputTag.value);
            }
        }
    </script>
</head>
<body>
<input type="text" value="Java" name="01">
<input type="text" value="Android" name="02">
<input type="text" value="Python" name="03">
<input type="text" value="Php" name="04">
<input type="password" value="abcdefg" name="05">
<button onclick="f()">确认</button>
</body>
</html>

hasChildNodes()方法：根据有无子标签返回booleab值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f() {
            var formTag = document.getElementById("form1");
            var r = formTag.hasChildNodes();
            console.log(r);//true
        }
    </script>
</head>
<body>
<form action="" id="form1">
    <input type="text" placeholder="请输入用户名">
    <input type="password" placeholder="请输入密码">
</form>
<button onclick="f()">提交</button>
</body>
</html>

获取第一个子节点和最后一个子节点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f() {
            var formTag = document.getElementById("form1");
            //获取第一个子节点
            var firstTag = formTag.firstChild;
            alert(firstTag.type + "---" + firstTag.value);
            //获取最后一个子节点
            var lastTag = formTag.lastChild;
            alert(lastTag.type + "---" + lastTag.value);

        }
    </script>
</head>
<body>
<form action="" id="form1"><input type="text" placeholder="请输入用户名"><input type="password" placeholder="请输入密码"><input
        type="text" placeholder="请输入验证码"></form>
<button onclick="f()">提交</button>
</body>
</html>

替换节点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //替换节点
        function f() {
            //根据标签获取节点
            var aaTag = document.getElementById("aa");
            var bbTag = document.getElementById("bb");
            //获取父标签
            var ulTag = aaTag.parentNode;
            //调用replaceChild(替换, 被替换)
            ulTag.replaceChild(bbTag, aaTag);
        }
    </script>
</head>
<body>
<ul>
    <li id="aa">AA</li>
</ul>
<ul>
    <li id="bb">BB</li>
</ul>
<button onclick="f()">点击</button>
</body>
</html>

获取和设置标签属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f() {
            //获取标签属性
            //1.获取标签
            var pTag = document.getElementById("01");
            //2.获取标签属性
            alert(pTag.getAttribute("name"));
            alert(pTag.getAttribute("dog"))
        }
    </script>
</head>
<body>
<p dog="旺财" name="XA" id="01">小A</p>
<button onclick="f()">点击</button>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //给标签设置属性
        window.onload = function f() {
            //1.获取标签
            var inputTag = document.getElementById("001");
            //2.设置标签属性
            inputTag.setAttribute("name", "bb");
            alert(inputTag.getAttribute("name"));//name属性的值被设置为bb
        }
    </script>
</head>
<body>
<input type="text" name="aa" id="001">
<button onclick="f()">点击</button>
</body>
</html>
Duplicity.
关注
JSday3知识点整理
Gzt125916的博客
08-20 106
JS第三天学习
recife:JSDay累西腓2020
05-01
Zeppelin项目/ GDG DevFest 2014网站模板 关于 Zeppelin项目可让您在5分钟内设置出色的GDG DevFest网站。 该项目建立在之上-简单，可博客的静态网站生成器。 Jekyll也恰好是GitHub Pages的引擎，这意味着您可以使用...
JsDay3
undyue的博客
04-22 105
一、补充 1.js中的三大特殊数据：undefined，null，NaN NaN：非法的数值运算得到的结果 特殊之处： 是一个数值型的数据，但是不是一个数字 NaN不等于任何值，和任何数据都不相等，NaN不等于NaN 检测方法：isNaN(要检测的数据) true：检测结果为 NaN 或能转成 NaN false：检测结果不是 NaN 或不能转成 NaN undefined是：...
jsday3
weixin_30872499的博客
12-27 69
带有小括号即为一种方法：（Math.random()..） Math.random（）; [0,1) 0到1之间的随机数； Math.pow（变量名，数值）； eg： Math.pow(x,2); 为 x的平方； 在js中，操作谁就得先获取谁： document.getElementById（“id名”）； 功能：通过id名获取元素(标签)；该元素（标签）可用一...
jsDAY3
myhachee的博客
08-14 50
【代码】jsDAY3。
jsday3语句
weixin_46031139的博客
12-20 75
语句 JavaScript语句死发给浏览器的命令。 这些命令的作用是告诉浏览器做要做的事情。 分号用于分隔JavaScript语句。 var a =5; var b =6; c = a+b; 语句可以理解为一个行为，循环语句和判断语句就是典型的语句。一个程序有很多个语句组成，一般情况下；分割一下一个的语句。 分支结构 if语句 if(a>20){ alert("我成年了") ...
jsDAY3 PART||
wafer_biscuit的博客
03-04 87
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
JSday3/4/6/7
Sherry1014miss的博客
10-31 96
对象是由属性（事物的特征n.)和方法（行为v.）组成的 arguements的使用 当不确定有多少个参数传递的时候，用argument来获取。在JS中， 它实际上是当前函数的一个内置对象，其对象中存储了函数的所有实参(只有函数才有) 他的话，大家自己去别的博主哪里看哈 利用arguments获取最大值，其实arguments就是一个伪数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8".
leetcode刷题jsDay3——链表（203，707，206）
weixin_44279376的博客
04-23 56
练习 虚拟结点的使用，很方便，省去判断头节点的步骤。
前端学习——jsDay3
qq_46574748的博客
07-06 171
【代码】前端学习——jsDay3。
js简明(影视帝国)日期控件.rar
03-13
3. **日期格式化**：根据用户偏好或业务需求，可以设置日期的显示格式，如"YYYY-MM-DD"、"MM/DD/YYYY"等。 4. **事件处理**：当用户选择日期后，JavaScript代码会捕获这一事件，并更新输入框的值，同时可能还会触发...
基于FPGA的智能车牌检测系统设计与实现
11-08
内容概要：本文介绍了一种基于FPGA的智能车牌检测系统。该系统采用了OV5640摄像头进行图像采集，通过FPGA集成化开发环境进行图像处理，主要包括图像格式转换、图像灰度化、图像增强、边缘检测、腐蚀膨胀、投影定位等技术步骤。该系统能够在复杂环境中快速实现车牌的图像采集及定位，提高了车牌检测的效率和准确性。 适合人群：具备一定嵌入式系统和图像处理基础的研究人员和技术人员。 使用场景及目标：适用于智慧交通管理系统，尤其是停车场、高速公路、智能制造等领域，主要用于实现实时的车牌检测与识别。 其他说明：系统采用Sobel算子进行边缘检测，中值滤波进行图像增强，投影定位确定车牌位置，整体处理效率较高，适用于复杂光照条件下的车牌检测。
【java毕业设计】springbootJava学生选课系统(springboot+vue+mysql+说明文档).zip
11-08
项目经过测试均可完美运行！ 环境说明： 开发语言：java 框架：ssm jdk版本：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse 部署容器：tomcat7+
JDK-API-1-6-zh-CN
11-08
JDK API 1.6 中文版，附使用说明
【java毕业设计】springbootJava校车管理信息系统(springboot+vue+mysql+说明文档).zip
11-08
项目经过测试均可完美运行！ 环境说明： 开发语言：java 框架：ssm jdk版本：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse 部署容器：tomcat7+
resnet模型-python语言pytorch框架训练识别动物-不含数据集图片-含逐行注释和说明文档.zip
11-08
本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 首先是代码的整体介绍 总共是3个py文件，十分的简便 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01生成txt.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集 运行02CNN训练数据集.py,会自动读取txt文本内的内容进行训练，这里是适配了数据集的分类文件夹个数，即使增加了分类文件夹，也不需要修改代码即可训练 训练过程中会有训练进度条，可以查看大概训练的时长,每个epoch训练完后会显示准确率和损失值 训练结束后，会保存log日志，记录每个epoch的准确率和损失值 最后训练的模型会保存在本地名称为model.ckpt 运行03pyqt界面.py，就可以实现自己训练好的模型去识别图片了
仿iphone的listview下拉更新.zip
11-08
内容概要：本资源聚焦 Android 编程实战，包含毕业设计示例、完整的 Android 项目源码及文档分享。采用 MVC 模式进行架构设计，结合 JSP 技术与 SQL Server 2000 数据库管理系统，实现高效的 Android 应用开发。 适用人群：Android 开发初学者、计算机专业学生进行毕业设计参考、希望提升 Android 开发技能的程序员。 实用场景及目标：适用于开发各类 Android 应用项目，帮助开发者快速构建稳定、功能丰富的应用程序，同时为毕业设计提供优质的模板和思路。 说明：资源提供了详细的代码注释和文档说明，方便学习者理解和上手，助力提升 Android 开发能力和项目实战经验。
【Unity 插件】Photon Multiplayer Template (For Game Creator 2)
11-08
文件名：Photon Multiplayer Template For Game Creator 2.unitypackage Photon Multiplayer Template (For Game Creator 2) 是一款专为 Game Creator 2 用户设计的 Unity 插件，它集成了 Photon Networking 系统，用于快速创建多人在线游戏。该插件使得开发者可以在 Game Creator 2 的基础上，无需深厚的网络编程经验，就能快速实现多人游戏功能。它为 Unity 项目提供了一套简单而强大的网络框架，允许玩家在同一场景中进行交互、合作或对战。 主要特点： 集成 Photon 网络框架： 该插件基于 Photon PUN 2（Photon Unity Networking）构建，是一种广泛使用的、功能强大的实时多人游戏网络框架。 通过集成 Photon，开发者可以轻松实现玩家的连接、同步、通信和数据传输功能，而不需要自己从头开始构建网络系统。 适用于 Game Creator 2： 插件专为 Game Creator 2 设计.....
vgg模型-通过CNN卷积神经网络的宠物品种识别-不含数据集图片-含逐行注释和说明文档.zip
最新发布
11-08
本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 首先是代码的整体介绍 总共是3个py文件，十分的简便 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01生成txt.py,是将数据集文件夹下的图片路径和对应的标签生成txt格式,划分了训练集和验证集 运行02CNN训练数据集.py,会自动读取txt文本内的内容进行训练，这里是适配了数据集的分类文件夹个数，即使增加了分类文件夹，也不需要修改代码即可训练 训练过程中会有训练进度条，可以查看大概训练的时长,每个epoch训练完后会显示准确率和损失值 训练结束后，会保存log日志，记录每个epoch的准确率和损失值 最后训练的模型会保存在本地名称为model.ckpt 运行03pyqt界面.py，就可以实现自己训练好的模型去识别图片了
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值