Maison >interface Web >js tutoriel >Comment obtenir le contenu d'un élément HTML avec jquery ?
Comment obtenir le contenu d'un élément HTML avec jquery ?
- 青灯夜游original
- 2020-11-18 15:40:365436parcourir
Comment obtenir le contenu des éléments html avec jquery : 1. Utilisez html() pour renvoyer le contenu de l'élément sélectionné, la syntaxe est "$(selector).html()" ; () pour renvoyer le contenu textuel de l'élément sélectionné, syntaxe "$(selector).text()".
L'environnement d'exploitation de ce tutoriel : système windows10, jquery1.8.3, cet article est applicable à toutes les marques d'ordinateurs.
[Recommandations associées : Tutoriel vidéo jQuery]
1 html() : renvoie le document HTML d'origine, mais il peut y avoir une compatibilité dans. Propriété IE, plus précisément comme suit
- Principe : Utiliser innerHTML()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p id="box">
<p class="b2">我是一个p元素</p>
<span>你好</span>
</p>
</body>
<script src="libs/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
var str = $("#box").html();
console.log(str);
// <p>我是一个p元素</p>
// <span>你好</span>
//解释：该方法使用的是JS中的innerHTML()有些浏览器返回的结果可能不是原始文档的 HTML 源代码。例如，如果属性值只包含字母数字字符，Internet Explorer有时丢弃包裹属性值的引号
});
</script>
</html>2. l'ensemble d'éléments correspondants Fusionner le texte, y compris leurs descendants
- ne peut pas être utilisé sur les éléments d'entrée ou les éléments de script,
.text()ouinputdoivent utiliser la méthode .val() pour obtenir ou définir la valeur du textetextareaPour obtenir la valeur de l'élément scripts, utilisez la méthode .html()
76c82f278ac045591c9159d381de2c57
9fd01892b579bba0c343404bcccd70fb
93f0f5c25f18dab9d176bd4f6de5d30e
a80eb7cbb6fff8b0ff70bae37074b813
b2386ffb911b14667cb8f0f91ea547a7Document6e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
b81e3c3ff067fcbe0ce184ae68e680b4
bc613f5372b843792ba0fe2ec0bb1625我是一个p元素94b3e26ee717c64999d7867364b1b4a3
45a2772a6b6107b401db3c9b82c049c2你好54bdf357c58b8a65c66d7c19c8e4d114
94b3e26ee717c64999d7867364b1b4a3
36cc49f0c466276486e50c850b7e4956
1816c451e8f9043103537cb0522474b52cacc6d41bbb37262a98f745aa00fbf0
8019067d09615e43c7904885b5246f0a
$(function(){ var str = $("#box").text();
console.log(str); // 我是一个p元素
// 你好 });2cacc6d41bbb37262a98f745aa00fbf0
73a6ac4ed44ffec12cee46588e518a5e
3. 🎜>La valeur de l'élément Il est défini via l'attribut value.
- Cette méthode est principalement utilisée pour les éléments d'entrée.
- Pour plus de connaissances liées à la programmation, veuillez visiter : Cours de programmation
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!