HTML DOM content 属性
JavaScript基础 2022-06-08 14:48:51小码哥的IT人生shichen
HTML DOM content 属性
定义和用法
content 属性设置文本或图像出现（浮动）在另一个元素中的什么地方。
语法：
Object.style.content=value
可能的值
| 值 | 描述 |
|---|---|
| string | 定义文本内容。 |
| url | 定义 url。 |
|
|
| attr(X) | 定义显示在该选择器之前或之后的选择器的属性。 |
| open-quote | |
| close-quote | |
| no-open-quote | |
| no-close-quote |
提示和注释
注释：如果在一行中对于浮动元素而言空间太少，则这个元素会跳到下一行，这个过程会持续到有足够空间的一行为止。
注释：行内元素的内容、背景和边框应该出现在浮动元素之前。块级元素的背景和边框应当出现在浮动元素之后，但是块级元素的内容应当在浮动元素的前面。
实例
本例设置图像浮动于左边：
<html>
<head>
<script type="text/javascript">
function setFloatLeft()
{
document.getElementById("img1").style.cssFloat="left";
}
</script>
</head>
<body>
<img id="img1" src="logocss.gif" width="95" height="84" />
<p>This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Set image to float left" />
</form>
</body>
</html>TIY
完整实例【设置图像浮动于文字的左边】：
<html>
<head>
<script type="text/javascript">
function setFloat()
{
document.getElementById("img1").style.cssFloat="left";
}
</script>
</head>
<body>
<img id="img1" src="/i/ct_beatles.jpg" />
<p>This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.</p>
<input type="button" onclick="setFloat()" value="Set image to float to the left" />
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
