求帮写个js，判断长度并写入css的。没有分，求帮忙。
<divid="SaA3"><divclass="ju"></div><divclass="form">你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收你曾对...
<div id="SaA3">
<div class="ju"></div>
<div class="form"> 你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收个</div>
</div>
上面的代码，想判断字数，如果超过10个字，就写入css #SaA3 .form{margin-top:-20px;} 展开
<div class="ju"></div>
<div class="form"> 你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收个</div>
</div>
上面的代码，想判断字数，如果超过10个字，就写入css #SaA3 .form{margin-top:-20px;} 展开
4个回答
展开全部
建议用text().length 来判断文字数量，html()这个会计算外围<div class="form">的字符数。
引入了jquery，
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function(){
var len = $("#form").text().length;
if(len>10)
{
$("#form").addClass("form");
}
})
</script>
<style>
#SaA3 .form{margin-top:-20px;}
</style>
</head>
<body>
<div id="SaA3">
<div class="ju"></div>
<div id="form"> 你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收个</div>
</div>
</body>
</html>
引入了jquery，
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(function(){
var len = $("#form").text().length;
if(len>10)
{
$("#form").addClass("form");
}
})
</script>
<style>
#SaA3 .form{margin-top:-20px;}
</style>
</head>
<body>
<div id="SaA3">
<div class="ju"></div>
<div id="form"> 你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收你曾对我说，相逢是收个</div>
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
既然是先加载页面后用js动态调整样式，那就没必要写样式了
如果引入了jquery
$(function(){
var
obj = $('#SaA3').children('.from'),
len = obj.html().length;
if(len > 15){
obj.css('margin-top', '-20px');
}
})
用原生js也差不多
如果引入了jquery
$(function(){
var
obj = $('#SaA3').children('.from'),
len = obj.html().length;
if(len > 15){
obj.css('margin-top', '-20px');
}
})
用原生js也差不多
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
window.onload = function(){
var dom = document.getElementById('SaA3').children[1];
if(dom.innerHTML.length > 10 )
dom.style.marginTop = '-20px';
}
var dom = document.getElementById('SaA3').children[1];
if(dom.innerHTML.length > 10 )
dom.style.marginTop = '-20px';
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
for(var i=0;i<$(".article-content img").length;i++){
var h = $(".article-content img").eq(i).height();
var w = $(".article-content img").eq(i).width();
if(w>745){
$(".article-content img").eq(i).height(745/w*h);
$(".article-content img").eq(i).width(745);
}
}
</script>
for(var i=0;i<$(".article-content img").length;i++){
var h = $(".article-content img").eq(i).height();
var w = $(".article-content img").eq(i).width();
if(w>745){
$(".article-content img").eq(i).height(745/w*h);
$(".article-content img").eq(i).width(745);
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
