Блог

Главная - HTML язык разметки - HTML | DOM Anchor Object
You are currently viewing HTML | DOM Anchor Object

HTML | DOM Anchor Object

Объект привязки в HTML DOM используется для представления элемента <a>. Доступ к элементу привязки можно получить с помощью метода getElementById ().

Синтаксис:

document.getElementById("ID");

Где идентификатор присваивается тегу привязки.

Значения свойств:

  • charset: Он используется для установки или возврата набора символов. Он не поддерживается HTML 5.
  • download: Он используется для установки или возврата целевой ссылки для загрузки при нажатии пользователем.
  • hreflang: Он используется для задания или возврата языка связанного документа.
  • media: Он используется для установки или возврата связанных носителей.
  • coords: Он используется для установки или возврата координат ссылок.
  • name: Он используется для установки или возврата имени привязки.
  • rel: Он используется для установки или возврата связи между текущим документом и связанным документом.
  • shape: Он используется для установки или возврата формы ссылки.
  • type: Он используется для установки или возврата типа ссылок.
  • target: Он используется для установки или возврата целевой ссылки.
  • rev: Он используется для установки или возврата связи между связанным документом и текущим документом.

Пример 1: 

В этом примере описывается метод getElementById() для доступа к элементу <a>.

<!DOCTYPE html>
<html>

<head>
	<title>
		HTML DOM Anchor Object
	</title>
</head>
	
<body>
	<center>
		<h1>GeeksForGeeks</h1>
		
		<h2>DOM Anchor Object</h2>
		
		<p>Welcome to
			<a href = "https://www.geeksforgeeks.org/" id="GFG">
				GeeksforGeeks
			</a>
		</p>
		
		<button onclick = "myGeeks()">Submit</button>
		
		<p id = "sudo"></p>
		
		<script>
			function myGeeks() {
				var x = document.getElementById("GFG").href;
				document.getElementById("sudo").innerHTML = x;
			}
		</script>
	</center>
</body>
</html>

Выход:

Прежде чем нажать на кнопку :

После нажатия на кнопку :

Пример 2: 

Объект привязки может быть создан с помощью документ. Создать элемент.

<!DOCTYPE html>
<html>

<head>
	<title>
		HTML DOM Anchor Object
	</title>
</head>
	
<body>
	<center>
		<h1>GeeksForGeeks</h1>
		
		<h2>DOM Anchor Object </h2>
		
		<p id = "gfg">Welcome to </p>
		
		<button onclick = "myGeeks()">
			Submit
		</button>
		
		<!-- script to describe anchor object -->
		<script>
			function myGeeks() {
				
				/* Create anchor tag */
				var g = document.createElement("A");
				var f = document.createTextNode("GeeksForGeeks");
				g.setAttribute("href", "https://www.geeksforgeeks.org/");
				g.appendChild(f);
				document.getElementById("gfg").appendChild(g);
			}
		</script>
	</center>
</body>

</html>

Выход:

Прежде чем нажать на кнопку :

После нажатия на кнопку:

Поддерживаемые браузеры: Браузер, поддерживаемый объектом привязки DOM, перечислены ниже:

  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari

Метки: