Hướng dẫn how do you hide a html file? - làm thế nào để bạn ẩn một tập tin html?

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Tôi đang cố gắng tạo một menu đơn giản cho một bài tập, nhưng tôi gặp khó khăn trong việc ẩn trang menu hiện tại và hiển thị một menu tương ứng với nút bấm. Làm thế nào tôi có thể làm điều đó? Tôi là người mới đến JavaScript.

Tôi có một trình xử lý nút để xử lý nút bấm mang trang mới. Tôi đã cố gắng vô hiệu hóa NAV nơi tất cả các yếu tố nhưng điều đó dường như không hoạt động.

function main[] {
  var ButtonSingle = document.getElementsId["UJOGADOR"];
  ButtonSingle.addEventListener["click", btnSingleHandler];
}

function btnSingleHandler[ev] {
  var page = document.getElementsId["menu"];
  page.disabled = true;
}

html:

Điều có nghĩa là xảy ra là trang menu hiện tại được ẩn và một trang mới sẽ xuất hiện, nhưng khi tôi chạy điều này, không có gì xảy ra.

adiga

32.5k8 Huy hiệu vàng55 Huy hiệu bạc78 Huy hiệu Đồng8 gold badges55 silver badges78 bronze badges

Đã hỏi ngày 10 tháng 5 năm 2019 lúc 17:42May 10, 2019 at 17:42

Tôi thấy hai điều.

1] GetElementsID không phải là một chức năng. Bạn có thể có nghĩa là getEuityByid

    var ButtonSingle = document.getElementById["UJOGADOR"];

2] Nếu bạn đang cố gắng ẩn phần tử HTML, bạn có thể đặt các thuộc tính CSS của nó để hiển thị: Không có. Bạn có thể làm điều này bằng cách tự động thay đổi lớp hoặc sử dụng một chức năng như bạn đã cố gắng làm.

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

Một cái gì đó tương tự nên hoạt động, miễn là bạn thiết lập đúng người nghe sự kiện của mình cho nút.

Đã trả lời ngày 10 tháng 5 năm 2019 lúc 17:57May 10, 2019 at 17:57

Cullanrockscullanrockscullanrocks

4574 Huy hiệu bạc16 Huy hiệu Đồng4 silver badges16 bronze badges

Trước hết, không có chức năng có tên getElementsID. Bạn nên sử dụng:getElementsId. You should use:

var page = document.getElementById["menu"];

Hiển thị và ẩn các yếu tố trong một tài liệu là một nhiệm vụ phổ biến. Để ẩn bất kỳ yếu tố nào, bạn có thể cung cấp cho nó một kiểu display:none:

myElement.style.display = "none";

Để hiển thị một yếu tố ẩn, hãy cho nó một trong những kiểu có thể nhìn thấy:

myElement.style.display = "block";
myElement.style.display = "inline";
myElement.style.display = "inline-block";

Đã trả lời ngày 10 tháng 5 năm 2019 lúc 18:10May 10, 2019 at 18:10

Terrymorseterrymorseterrymorse

6,4251 Huy hiệu vàng18 Huy hiệu bạc24 Huy hiệu đồng1 gold badge18 silver badges24 bronze badges

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Đọc

Bàn luận

Xem thảo luận

Cải thiện bài viết

Lưu bài viết

Đọc

Bàn luận

document.getElementById["element"].style.display = "none";

Thuộc tính hiển thị kiểu được sử dụng để ẩn và hiển thị nội dung của HTML DOM bằng cách truy cập phần tử DOM bằng JavaScript/JQuery.

document.getElementById["element"].style.display = "block";

Để ẩn một phần tử, hãy đặt thuộc tính Hiển thị kiểu thành không có.

Để hiển thị một phần tử, hãy đặt thuộc tính Hiển thị kiểu thành Block Block.

Các bước để hiển thị hoạt động của thuộc tính Hiển thị kiểu:

Tạo một số Div và gán cho họ một ID hoặc lớp và sau đó thêm kiểu dáng cho nó.

0____11

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    var ButtonSingle = document.getElementById["UJOGADOR"];

var page = document.getElementById["menu"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

var page = document.getElementById["menu"];

0____21

    var ButtonSingle = document.getElementById["UJOGADOR"];

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

var page = document.getElementById["menu"];

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    var ButtonSingle = document.getElementById["UJOGADOR"];

var page = document.getElementById["menu"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

myElement.style.display = "none";

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

myElement.style.display = "block";
myElement.style.display = "inline";
myElement.style.display = "inline-block";

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    var ButtonSingle = document.getElementById["UJOGADOR"];

var page = document.getElementById["menu"];

Chiều rộng và chiều cao sẽ đặt chiều rộng và chiều cao của nội dung, Border-Radius 0% sẽ tạo ra một đường viền vuông, 50% sẽ tạo ra một vòng tròn và 25% sẽ tạo hình dạng tròn và nổi sẽ làm cho các div được định vị sẽ làm cho chúng tách biệt với một không gian ở bên phải.

document.getElementById["element"].style.display = "none";

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    var ButtonSingle = document.getElementById["UJOGADOR"];

var page = document.getElementById["menu"];

document.getElementById["element"].style.display = "none";

Màu nền sẽ đặt màu nền của div.

    var ButtonSingle = document.getElementById["UJOGADOR"];

var page = document.getElementById["menu"];

document.getElementById["element"].style.display = "block";

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

0____72

document.getElementById["element"].style.display = "none";

    var ButtonSingle = document.getElementById["UJOGADOR"];

var page = document.getElementById["menu"];

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

0____72

document.getElementById["element"].style.display = "none";

document.getElementById["element"].style.display = "block";

document.getElementById["element"].style.display = "block";

    var ButtonSingle = document.getElementById["UJOGADOR"];

display:none1display:none2

1display:none4display:none5display:none6

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

0____72

document.getElementById["element"].style.display = "block";

Tài liệu.getEuityById sẽ chọn Div với ID đã cho.

Style.display = "none" sẽ làm cho nó biến mất khi nhấp vào div.

display:none7

    var ButtonSingle = document.getElementById["UJOGADOR"];

03display:none7

    var ButtonSingle = document.getElementById["UJOGADOR"];

Thực hiện thuộc tính Style.Display:

display:none1

    var ButtonSingle = document.getElementById["UJOGADOR"];

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

display:none1

var page = document.getElementById["menu"];

display:none1

var page = document.getElementById["menu"];

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

var page = document.getElementById["menu"];

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

display:none1

var page = document.getElementById["menu"];

display:none1

myElement.style.display = "none";

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

myElement.style.display = "block";
myElement.style.display = "inline";
myElement.style.display = "inline-block";

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

    function btnSingleHandler[ev]{
        var page = document.getElementById["menu"];
        page.style.display = "none";
    }

display:none1

var page = document.getElementById["menu"];

display:none1

document.getElementById["element"].style.display = "none";

display:none1

var page = document.getElementById["menu"];

display:none1

document.getElementById["element"].style.display = "none";

display:none1

var page = document.getElementById["menu"];

display:none1

document.getElementById["element"].style.display = "block";

display:none1

var page = document.getElementById["menu"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

display:none7

    var ButtonSingle = document.getElementById["UJOGADOR"];

display:none7display:none8

    var ButtonSingle = document.getElementById["UJOGADOR"];

03display:none7

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

03display:none7

    var ButtonSingle = document.getElementById["UJOGADOR"];

document.getElementById["element"].style.display = "block";

    var ButtonSingle = document.getElementById["UJOGADOR"];

display:none1

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

display:none1

var page = document.getElementById["menu"];

display:none1

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

display:none1

var page = document.getElementById["menu"];

display:none1

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

display:none1

var page = document.getElementById["menu"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

    var ButtonSingle = document.getElementById["UJOGADOR"];

77display:none8

    var ButtonSingle = document.getElementById["UJOGADOR"];

Đầu ra: Đầu ra của mã trên là:
Output of the above code is:

Hình dạng vuông sẽ biến mất sau khi nhấp vào nó:

Hình dạng tròn tương tự sẽ biến mất sau khi nhấp vào nó:

Tương tự, hình dạng vòng tròn sẽ biến mất sau khi nhấp vào nó.

HTML là nền tảng của các trang web, được sử dụng để phát triển trang web bằng cách cấu trúc các trang web và ứng dụng web.

Làm cách nào để ẩn HTML trong một trang web?

Sau khi mã hóa nó, bạn chỉ có thể viết một trang HTML cơ bản chỉ cần đặt vào thẻ một lần nữa tập lệnh để vô hiệu hóa nhấp chuột phải, vào thẻ bạn mã và ẩn mọi thứ chỉ cần viết ở đầu trang.

Làm cách nào để ẩn mã HTML khỏi phần tử kiểm tra?

Bạn chỉ đơn giản là không thể.Thanh tra mã được thiết kế để gỡ lỗi HTML và JavaScript.Họ làm như vậy bằng cách hiển thị đối tượng DOM trực tiếp của trang web.Điều đó có nghĩa là nó tiết lộ mã HTML của mọi thứ bạn thấy trên trang, ngay cả khi chúng được tạo bởi JavaScript.. Code inspectors are designed for debugging HTML and JavaScript. They do so by showing the live DOM object of the web page. That means it reveals HTML code of everything you see on the page, even if they're generated by JavaScript.

Phần nào của tệp HTML có thể được sử dụng để ẩn dữ liệu?

Thuộc tính ẩn là một thuộc tính toàn cầu và có thể được sử dụng trên bất kỳ phần tử HTML nào.

Làm cách nào để ẩn HTML trong một trang web?

Làm cách nào để ẩn mã HTML khỏi phần tử kiểm tra?

Phần nào của tệp HTML có thể được sử dụng để ẩn dữ liệu?

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề