Yangqi htmldom htmldom


HTML DOM cho phép JavaScript thay đổi nội dung của các phần tử HTML


Thay đổi nội dung HTML

Cách dễ nhất để sửa đổi nội dung của phần tử HTML là sử dụng thuộc tính innerHTML

Để thay đổi nội dung của một phần tử HTML, hãy sử dụng cú pháp này

tài liệu. getElementById(id). InternalHTML = HTML mới

Ví dụ này thay đổi nội dung của một

yếu tố

Thí dụ


Chào thế giới


Tự mình thử »

Ví dụ giải thích

  • Tài liệu HTML ở trên chứa một

    phần tử với id="p1"

  • Chúng tôi sử dụng HTML DOM để lấy phần tử có id="p1"
  • Một JavaScript thay đổi nội dung (innerHTML) của phần tử đó thành "Văn bản mới. "

Ví dụ này thay đổi nội dung của một

yếu tố

Thí dụ



tiêu đề cũ


Tự mình thử »

Ví dụ giải thích

  • Tài liệu HTML ở trên có chứa một phần tử có id="id01"
  • Chúng tôi sử dụng HTML DOM để lấy phần tử có id="id01"
  • JavaScript thay đổi nội dung (innerHTML) của phần tử đó thành "Tiêu đề mới"


Thay đổi giá trị của một thuộc tính

Để thay đổi giá trị của thuộc tính HTML, hãy sử dụng cú pháp này

tài liệu. getElementById(id). thuộc tính = giá trị mới

Ví dụ này thay đổi giá trị của thuộc tính src của một phần tử

Yangqi htmldom htmldom


Tự mình thử »

Ví dụ giải thích

  • Tài liệu HTML ở trên chứa một phần tử
    Yangqi htmldom htmldom


    Cung cấp câu trả lời "

    bắt đầu bài tập



    "Mô hình đối tượng tài liệu W3C (DOM) là một nền tảng và giao diện ngôn ngữ trung lập cho phép các chương trình và tập lệnh truy cập động và cập nhật nội dung, cấu trúc và kiểu của tài liệu. "

    Gói Htmldom cho Laravel 4 và 5 dựa trên Simple HTML Dom Parser

    Cài đặt

    Thêm dòng sau vào phần require của composer.json

    {
        "require": {
            "yangqi/htmldom": "1.0.*"
        }
    }
    

    Cài đặt Laravel 5 (giống như Laravel 4)

    1. Thêm nhà cung cấp dịch vụ vào config/app.php
    'providers' => array(
        ...
    	'Yangqi\Htmldom\HtmldomServiceProvider',
        ...
    
    1. Thêm bí danh vào config/app.php
    'aliases' => array(	
        ...
    	'Htmldom' => 'Yangqi\Htmldom\Htmldom',
        ...
    

    Cách sử dụng

    $html = new \Htmldom('http://www.example.com');
    
    // Find all images 
    foreach($html->find('img') as $element) 
           echo $element->src . '
    '; // Find all links foreach($html->find('a') as $element) echo $element->href . '
    ';

    Xem tài liệu chi tiết http. //đơn giảnhtmldom. nguồn. mạng/thủ công. htm

    Gói Htmldom cho Laravel 4 và 5 dựa trên Simple HTML Dom Parser

    Cài đặt

    Thêm dòng sau vào phần require của composer.json

    {
        "require": {
            "yangqi/htmldom": "1.0.*"
        }
    }

    Cài đặt Laravel 5 (giống như Laravel 4)

    1. Thêm nhà cung cấp dịch vụ vào config/app.php
    'providers' => array(
        ...
    	'Yangqi\Htmldom\HtmldomServiceProvider',
        ...
    1. Thêm bí danh vào config/app.php
    'aliases' => array(	
        ...
    	'Htmldom' => 'Yangqi\Htmldom\Htmldom',
        ...

    Cách sử dụng

    ________số 8_______

    Xem tài liệu chi tiết http. //đơn giảnhtmldom. nguồn. mạng/thủ công. htm