<body> <input type="text" id="nameld" value="张三"><br> <span id="spanld">我是文本内容</span> </body> <script type="text/javascript"> var input = document.getElementByld("nameld"); alert(input.nodeName); alert(input.nodeType); alert(input.nodeValue); var value = input.getAttributeNode("value"); alert(value.nodeName); alert(value.nodeType); alert(value.nodeValue); var span = document.getElementByld("spanld"); var text = span.firstChild; alert(text.nodeName); alert(text.nodeType); alert(text.nodeValue); </script>

时间: 2024-04-29 13:19:56 浏览: 48

test-text

【HTML基础概述】 HTML，全称为HyperText Markup Language，即超文本标记语言，是用于创建网页的标准标记语言。HTML文档由一系列元素组成，这些元素通过标签来定义，从而告诉浏览器如何展示网页内容。HTML5是当前最新的版本，它在HTML4的基础上引入了许多新特性，提升了网页的交互性和多媒体支持。【HTML基本结构】一个基本的HTML文件通常包含以下部分： 1. 文档声明：`<!DOCTYPE html>`，告知浏览器文档类型。 2. HTML标签：`<html>`，整个文档的根元素。 3. 头部标签：`<head>`，包含元数据，如字符集设置（`<meta charset="UTF-8">`）和标题（`<title>`）。 4. 主体标签：`<body>`，网页的主要内容所在。例如： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的网页标题</title> </head> <body> <h1>欢迎来到我的网站！</h1> <p>这是我的第一段文字。</p> </body> </html> ``` 【HTML元素与标签】 HTML元素由开始标签、内容（可选）和结束标签组成，如`<p>这是段落</p>`。有些元素是自闭合的，如`<img>`或`<br>`，它们没有内容，只有一个标签。常见的HTML标签有： - `<h1>`到`<h6>`用于标题，`<p>`表示段落。 - `<a>`定义链接，`href`属性指定链接地址。 - `<img>`插入图片，`src`属性指向图片源。 - `<ul>`和`<li>`创建无序列表，`<ol>`和`<li>`创建有序列表。 - `<div>`用于组合其他元素，`<span>`用于在行内添加样式。【HTML表格】 HTML中的`<table>`元素用于创建表格。`<tr>`定义行，`<th>`定义表头，`<td>`定义单元格。例如： ```html <table> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>张三</td> <td>25</td> </tr> <tr> <td>李四</td> <td>30</td> </tr> </table> ``` 【HTML表单】 HTML表单用于用户输入数据，常用于在线调查、注册页面等。`<form>`元素是表单的容器，`<input>`、`<textarea>`、`<select>`等元素定义不同类型的输入控件。`<label>`标签为输入控件提供描述。例如： ```html <form> <label for="username">用户名：</label> <input type="text" id="username" name="username"><br> <label for="email">邮箱：</label> <input type="email" id="email" name="email"><br> <input type="submit" value="提交"> </form> ``` 【CSS简介】虽然标签主要处理内容结构，但为了美化网页，我们需要CSS（Cascading Style Sheets）。CSS允许我们控制元素的布局、颜色、字体等样式。可以将CSS写入HTML文件的`<style>`标签内，也可以单独写入外部CSS文件，并通过`<link>`标签引入。例如，改变文本颜色： ```html <style> body { color: blue; } </style> ``` 或者外部CSS文件引入： ```html <link rel="stylesheet" href="styles.css"> ``` 【总结】 HTML是构建网页的基础，理解其基本结构和常用标签至关重要。通过结合CSS，我们可以实现更具吸引力和功能性的网页设计。学习HTML不仅可以帮助你创建个人网站，也是成为Web开发者的第一步。对于“test-text”这个主题，虽然描述简单，但HTML的知识点涵盖广泛，包括但不限于以上所述，实际应用中还有许多细节和高级技巧值得深入探索。

这段代码是一个 HTML 页面，包括一个输入框和一个文本内容。JavaScript 代码用于获取输入框和文本节点的属性。具体来说： 1. 第一行代码定义了一个 body 元素，包含一个输入框和一个文本内容。输入框的 id 为 "nameld"，初始值为 "张三"，文本内容的 id 为 "spanld"，初始值为 "我是文本内容"。 2. JavaScript 代码首先获取输入框元素，然后使用 alert 函数分别输出该元素的 nodeName、nodeType 和 nodeValue 属性。nodeName 属性返回元素的标签名，nodeType 属性返回元素的类型（1 表示元素节点，3 表示文本节点），nodeValue 属性返回元素的值（在输入框中即为用户输入的值）。 3. 接着，JavaScript 代码获取输入框的 value 属性节点，并使用 alert 函数分别输出该节点的 nodeName、nodeType 和 nodeValue 属性。在 HTML 中，属性也被视为节点，因此可以使用 getAttributeNode 方法获取属性节点。在本例中，value 属性节点的 nodeName 为 "value"，nodeType 为 2（表示属性节点），nodeValue 为 "张三"。 4. 最后，JavaScript 代码获取文本节点，使用 alert 函数分别输出该节点的 nodeName、nodeType 和 nodeValue 属性。由于文本节点是文本内容的子节点，因此需要先获取文本节点的父元素，再通过 firstChild 属性获取文本节点。在本例中，text 节点的 nodeName 为 "#text"，nodeType 为 3，nodeValue 为 "我是文本内容"。

阅读全文

相关推荐

实验1

website

我的html总结

HTML邮件发送大师：smtplib和格式丰富邮件内容的创造艺术

用HTML CSS js写一个内容丰富的网页代码

所以帮我制作一个用户留言的html,css尽量美观

java项目，课程设计-ssm病人跟踪治疗信息管理系统

liunx project 5

PostgreSQL DBA实战视频教程（完整10门课程合集）

计算机科学基础期末考试试题

c语言实验设备管理系统

提高图像在低光照条件下的清晰度和可见性，使用CNN的图像重建网络，来实现亮度调节，可用于小白学习

双哥微服务.md

fb000f5e-12c5-a46b-102a-f08bdfa015f1.json

C#ASP.NET跑腿服务网站源码数据库 Access源码类型 WebForm

KCP一个快速可靠的ARQ协议.zip

【小程序毕业设计】基于微信小程序的物流运输(仓储)系统开发与设计源码（完整前后端+mysql+说明文档+LW）.zip

计算机中 人工智能的七大应用领域

最新推荐

java项目，课程设计-ssm病人跟踪治疗信息管理系统

liunx project 5

PostgreSQL DBA实战视频教程（完整10门课程合集）

黑板风格计算机毕业答辩PPT模板下载

管理建模和仿真的文件

提升点阵式液晶显示屏效率技术

在SoC芯片的射频测试中，ATE设备通常如何执行系统级测试以保证芯片量产的质量和性能一致？

CodeSandbox实现ListView快速创建指南

"互动学习：行动中的多样性与论文攻读经历"

点阵式显示屏常见故障诊断方法

计算机中人工智能的七大应用领域