DOM ins cite属性用于设置或返回对象的cite属性值元件。 cite属性用于指定文档或消息的URL,该URL表示删除文本的原因。它对任何普通的Web浏览器都没有视觉效果。它只能由屏幕阅读器使用。
用法:
- 它用于返回cite属性。
insObject.cite
- 它用于设置cite属性。
insObject.cite = URL
- URL:它指定了文档的URL,该URL定义了通过删除其他先前的文本来插入文本的原因。
属性值:
可能的值为:
- 绝对网址:它用于指出其他网站(例如cite =“ http://www.geeksforgeeks.org”)
- 相对网址:它用于指出网站内的页面。 (例如cite =” geeks.htm”)
返回值:它返回一个表示文档URL的字符串值。
示例1:此示例说明了如何返回cite属性。
<!DOCTYPE html>
<html>
<head>
<title>DOM ins cite Property</title>
<style>
del {
color:red;
}
ins {
color:green;
}
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM ins cite Property</h2>
<p>GeeksforGeeks is a
<del>mathematical</del>
<!-- Assigning id to 'ins' tag -->
<ins id="GFG"
cite="www.GeeeksForGeeks.com">
computer
</ins>scienceportal</p>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo">
<script>
function myGeeks() {
// Return value of cite attribute.
var g = document.getElementById(
"GFG").cite;
document.getElementById(
"sudo").innerHTML = g;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
示例2:本示例说明了如何设置引用属性。
<!DOCTYPE html>
<html>
<head>
<title>
DOM ins cite Property
</title>
<style>
del {
color:red;
}
ins {
color:green;
}
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks
</h1>
<h2>DOM ins cite Property
</h2>
<p>GeeksforGeeks is a
<del>mathematical</del>
<!-- Assigning id to 'ins' tag -->
<ins id="GFG"
cite="www.finecomb.com">
computer
</ins>scienceportal</p>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo">
<script>
function myGeeks() {
// set value of cite attribute
var g = document.getElementById(
"GFG").cite = "www.GeeksForGeeks.com"
document.getElementById("sudo").innerHTML =
"The value of the cite attribute was changed to" + g;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:DOM ins cite属性支持的浏览器如下:
- 谷歌浏览器
- IE浏览器
- Firefox
- Opera
- Safari
相关用法
- HTML del cite用法及代码示例
- HTML blockquote cite用法及代码示例
- HTML Quote cite用法及代码示例
- HTML cite用法及代码示例
- HTML cite属性用法及代码示例
- HTML <q> cite属性用法及代码示例
- HTML <del> cite属性用法及代码示例
- HTML DOM Cite用法及代码示例
- HTML <ins> cite属性用法及代码示例
- HTML <blockquote> cite属性用法及代码示例
- HTML DOM name用法及代码示例
- HTML Map name用法及代码示例
- HTML DOM URL用法及代码示例
- HTML li value用法及代码示例
- HTML DOM value用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM ins cite Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。