HTML DOM in trích dẫn Thuộc tính

Thuộc tính HTML DOM ins cite trả về URL của tài liệu giải thích lý do tại sao văn bản được chèn.

Cú pháp

Sau đây là cú pháp -

Trả về giá trị chuỗi

insObject.cite

Ví dụ

Hãy để chúng tôi xem một ví dụ về ins cite tài sản -

<!DOCTYPE html>
<html>
<head>
<title>ins cite</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>ins-cite</legend>
<h1>Fact:</h1>
<p>Water cannot persist on moon's surface.<ins id="newInfo" cite="https://www.example.com/water-ice-moon-surface-confirmed.html">Water ice found on moon in 2018.</ins>
</p>
<input type="button" onclick="showURL()" value="Show Evidence">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var insCite = document.getElementById("newInfo");
   function showURL() {
      divDisplay.textContent = 'Evidence at: '+insCite.cite;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi nhấp vào ‘Hiển thị bằng chứng’ nút -

HTML DOM in trích dẫn Thuộc tính

Sau khi nhấp vào ‘Hiển thị bằng chứng’ nút -

HTML DOM in trích dẫn Thuộc tính