jQuery DOM 노드 및 노드 속성

JavaScript를 통해 DOM 노드를 쉽게 얻어 일련의 DOM 작업을 수행할 수 있습니다. 그러나 실제로 대부분의 개발자는 HTML 구조를 먼저 정의하는 데 익숙하지만 이는 매우 유연하지 않습니다.

이런 상황을 상상해 보세요. AJAX를 통해 데이터를 얻은 후 구조를 결정할 수 있다면 이 상황에서는 노드의 동적 처리가 필요합니다.

이 기사에서는 JavaScript를 사용하여 div 노드 요소를 만드는 방법을 소개하며 주로 생성을 포함합니다. 두 가지 주요 부분이 있습니다. div 노드 요소의 속성과 div 노드 요소를 만드는 스타일이 여러분에게 확실히 도움이 될 것이라고 믿습니다.

노드 생성

생성 과정:

’ s

하자 예제 살펴보기

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
    <script>
        $(function(){
            var $li1 = $("<li>php中文网</li>");  //创建第一个li 标签
            var $li2 = $("<li>php.cn</li>");  //创建第二个li 标签

            $("ul").append($li1);  //添加到<ul>节点中，<ul>节点是<li>的父节点
        })
    </script>
</head>
<body>
    <ul></ul>

</body>
</html>

위 코드에서는 두 개의 노드를 만들었습니다. 레이블의 텍스트 내용은 일반적으로 텍스트라고 합니다. 노드

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <script> $(function(){ var $li1 = $("<li>php中文网</li>"); //创建第一个li 标签 var $li2 = $("<li>php.cn</li>"); //创建第二个li 标签 $("ul").append($li1); //添加到<ul>节点中，<ul>节点是<li>的父节点 }) </script> </head> <body> <ul></ul> </body> </html>

제출하다 코드 재설정

자동운전