如何利用javascript在页面指定位置显示文字

如何利用javascript在页面指定位置显示文字,第1张

JavaScript中控制显示文字的位置,可以通过设置div布局的横纵坐标,如下代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<title>无标题文档</title>

<script language="javascript">

function creadiv(l,r,t){ //l是距左的距离,r是距右的距离,t是要显示的文本内容

var dd=document.createElement("div")

dd.style.position="absolute"

dd.style.left=l+"px"

dd.style.right=r+"px"

dd.innerText=t

document.body.appendChild(dd)

}

</script>

</head>

<body>

<p><a href="#" onclick="creadiv(100,100,'Hello你好')">点一下我</a></p>

<p><a href="#" onclick="creadiv(400,500,'哈哈哈')">再点一下</a></p>

</body>

</html>

<div class="ww">这是 <span class="sp" sytle="color:#039"></span>一个标题</div>

$(".sp").val("要插入的字符")#加载jquery插件,span加上class选择器sp,方便取得该元素;

还有根据W3C标准规定:在同一个页面内,不允许有相同名字的id选择器出现,但允许相同名字的class选择器出现。所以<div id="ww">改成<div class="ww">


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11898543.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存