Membandingkan Posisi Dokumen HTML compareDocumentPosition DOM
- 1: menandakan bahwa dua node bukan merupakan bagian dari dokumen yang yang sama.
- 2: menandakan bahwa dua node, yaitu node1 diposisikan setelah node2.
- 4: menandakan bahwa dua node, yaitu node1 diposisikan sebelum node2.
- 8: menandakan bahwa dua node, yaitu node1 diposisikan di dalam node2.
- 16: menandakan bahwa dua node, yaitu node 2 diposisikan di dalam node1.
- 32: menandakan bahwa dua node tidak memiliki hubungan apapun, atau keduanya adalah dua nilai atribut yang terdapat pada elemen yang sama.
<!DOCTYPE html>
<html>
<style>
div
{
width: 90%;
height: 60%;
padding: 20px;
border: 2px solid green;
font-weight: bold;}
#ans
{
background-color: lightgrey;
display: block;
width: 100px;
font-weight: bold;
height: 20px;
padding: 9px;
color: green;
float: right;
margin-top: -20px;}
#res
{
color: black;}
</style>
<body>
<div>
<p id="p1">
Ini adalah paragraf pertama.
</p>
<p id="p2">
Ini adalah paragraf kedua.
</p>
<p id="p3">
Ini adalah paragraf ketiga.
</p>
<p
id="ans">
Answer:
<span id="res">
</span>
</p>
</div>
<br>
<input
type = button
onclick="myFunction()"
value ="Click Me.!" />
<br>
<script>
function myFunction()
{
var x = p1.compareDocumentPosition(p2);
document.getElementById("res").innerHTML = x;
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<style>
div
{
width: 90%;
height: 60%;
padding: 20px;
border: 2px solid green;
font-weight: bold;}
#ans
{
background-color: lightgrey;
display: block;
width: 100px;
font-weight: bold;
height: 20px;
padding: 9px;
color: green;
float: right;
margin-top: -20px;}
#res
{
color: black;}
</style>
<body>
<div>
<p id="p1">
Tutorial dalam mode on.
<span id="p2">
Method compareDocumentPosition() DOM
</span>
pada blog tik.
</p><p id="ans">
Answer :
<span id="res"></span>
</p>
</div>
<br>
<input
type=button
onclick="myFunction()"
value="Click Me.!" />
<br>
<script>
function myFunction()
{
var x = p1.compareDocumentPosition(p2);
document.getElementById("res").innerHTML = x;
}
</script>
</body>
</html>
- 2 Nilai Return Properti firstElementChild DOM pada HTML
- 2 Contoh Penggunaan Method focus() DOM pada HTML
- 2 Contoh Penggunaan Method getAttribute() DOM pada HTML
- Cara Penggunaan Method getAttributeNode() DOM pada HTML
- 8 Properti Penggunaan Method getBoundingClientRect() DOM pada HTML
- 2 Contoh Penggunaan Method hasAttributes() DOM pada HTML
- 2 Contoh Penggunaan Properti ID DOM pada HTML
5 komentar untuk "Membandingkan Posisi Dokumen HTML compareDocumentPosition DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method compareDocumentPosition() DOM pada HTML?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan method compareDocumentPosition() DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi dari method compareDocumentPosition() DOM HTML?
BalasHapusMethod HTML DOM compareDocumentPosition() DOM digunakan untuk membandingkan posisi node yang diberikan ke node lain manapun dalam dokumen apapun. Tipe pengembalian dari method ini adalah tipe integer yang digunakan untuk menggambarkan posisinya dalam suatu dokumen.
HapusMethod compareDocumentPosition() DOM pada HTML berfungsi untuk mengembalikan dua nilai node, dan mengembalikan bilangan bulat yang menjelaskan posisinya dalam suatu dokumen.
Hapus