js 通过html()及text()方法获取并设置p标签的显示值

获取并设置<p>标签的显示值有两种主要方法,分别是html()text()方法。

使用html()方法获取并设置

标签的显示值

获取

标签的内容

html()方法可以获取指定元素(如<p>标签)的内容。以下是几种常见的用法:

// 获取<p>标签的内容
let content = $('p').html();
console.log(content); // 打印<p>标签的内容

设置

标签的内容

html()方法还可以设置元素的内容。以下是几种常见的用法:

// 设置<p>标签的内容
$('p').html('这是新的内容');

使用text()方法获取并设置

标签的显示值

获取

标签的内容

text()方法可以获取指定元素(如<p>标签)的纯文本内容(即去除标签的文本内容)。以下是几种常见的用法:

// 获取<p>标签的纯文本内容
let content = $('p').text();
console.log(content); // 打印<p>标签的纯文本内容

设置

标签的内容

text()方法还可以设置元素的纯文本内容。以下是几种常见的用法:

// 设置<p>标签的纯文本内容
$('p').text('这是新的纯文本内容');

示例1:使用html()方法获取并设置

标签的内容

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>示例1</title>
    <script src="jquery.js"></script>
</head>
<body>
    <p id="demo">这是一段文本。</p>
    <script>
        let content = $('#demo').html(); //获取<p>标签的内容
        console.log(content); //打印<p>标签的内容

        $('#demo').html('这是新的内容'); //设置<p>标签的内容
    </script>
</body>
</html>

示例2:使用text()方法获取并设置

标签的纯文本内容

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>示例2</title>
    <script src="jquery.js"></script>
</head>
<body>
    <p id="demo">这是一段文本。</p>
    <script>
        let content = $('#demo').text(); //获取<p>标签的纯文本内容
        console.log(content); //打印<p>标签的纯文本内容

        $('#demo').text('这是新的纯文本内容'); //设置<p>标签的纯文本内容
    </script>
</body>
</html>

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js 通过html()及text()方法获取并设置p标签的显示值 - Python技术站

(0)
上一篇 2023年6月15日
下一篇 2023年6月15日

相关文章

  • Apache+Servlet+Jsp环境设置(上)

    Apache+Servlet+Jsp环境设置是Web开发中非常重要的一步。以下是完整的攻略: 环境准备 安装Java JRE 下载Tomcat服务器并解压 安装Apache服务器 配置Apache服务器 修改配置文件httpd.conf,在文件末尾添加以下内容: apacheconf LoadModule jk_module modules/mod_jk.s…

    Java 2023年5月20日
    00
  • Java访问者模式实现优雅的对象结构处理

    Java访问者模式实现优雅的对象结构处理 什么是访问者模式 访问者模式(Visitor Pattern)是一种行为型设计模式,它可以用于在不改变对象结构的前提下,对对象的元素进行新的操作。它将算法与对象结构分离开来,能够在不修改已有的类结构的情况下,向现有对象结构添加新的操作。 访问者模式的角色 访问者模式中包含如下角色: 抽象访问者(Visitor):为对…

    Java 2023年5月26日
    00
  • Java定时器例子_动力节点Java学院整理

    下面是针对“Java定时器例子_动力节点Java学院整理”文章的完整攻略。需要注意的是,由于该文章非我编写,所以以下只是针对该文章内容的详细讲解。 标题 该文章的标题为“Java定时器例子_动力节点Java学院整理”,比较简洁明了,可以让人一眼看出该文章的主题。 介绍 文章的开头介绍了Java中定时器的概念和功用。详细讲解了Java中定时器相关类的使用,例如…

    Java 2023年5月26日
    00
  • Java Spring Boot消息服务万字详解分析

    Java SpringBoot消息服务万字详解分析 在Java SpringBoot中,我们可以使用消息服务来实现异步通信和解耦。本文将详细讲解Java SpringBoot消息服务的完整攻略,并提供两个示例。 1. 消息服务概述 消息服务是一种异步通信机制,它可以将消息发送到消息队列中,然后由消费者从队列中获取消息并进行处理。消息服务可以实现系统之间的解耦…

    Java 2023年5月15日
    00
  • spring boot 结合jsp案例详解

    下面我来详细讲解“Spring Boot 结合 JSP 案例详解”的完整攻略。 一、什么是 Spring Boot 结合 JSP Spring Boot 是一个快速构建 Spring 应用程序的工具。它可以减少 Spring 应用程序开发的时间和努力,因为它提供了各种默认配置,可以轻松地开始使用 Spring 应用程序的开发。 JSP(JavaServer …

    Java 2023年6月15日
    00
  • jsp输出所有请求头的名称方法

    要输出所有请求头的名称,可以使用JSP中的内置对象request,request对象提供了许多方法来获取请求头信息。以下是JSP输出所有请求头的名称的完整攻略: 在JSP页面中使用JSP标签,获取request对象。 <% javax.servlet.http.HttpServletRequest request = (javax.servlet.ht…

    Java 2023年6月15日
    00
  • Java日常练习题,每天进步一点点(27)

    针对Java日常练习题第27题,以下是完整攻略: 题目描述 给定一个只包含字母的字符串,找到每个字母的出现次数并返回。 不允许使用任何内置计数器函数,并且输入字符串中只包含小写字母。 示例: 输入: “leetcode”输出: {‘l’: 1, ‘e’: 3, ‘t’: 1, ‘c’: 1, ‘o’: 1, ‘d’: 1} 解题思路 这个题目的思路其实和第2…

    Java 2023年5月19日
    00
  • Java线程之守护线程(Daemon)用法实例

    下面我将详细讲解Java线程之守护线程用法实例的攻略。 概述 Java中线程可分为守护线程(Daemon)和普通线程,守护线程是默认的普通线程的附属线程,它是一种特殊的线程类型,主要用于为其他线程提供服务,比如后台记录日志、监控内存、定时任务等等。 守护线程和普通线程的区别在于,当进程中只剩下守护线程时,整个进程也就结束了,因为此时已经没有能够阻止JVM退出…

    Java 2023年5月18日
    00
合作推广
合作推广
分享本页
返回顶部