<div style="font-size:12px" onclick="alert(this.offsetHeight)"> 第一行<br>
第二行
</div>
第二行
</div>
解决方案 »
- js调用函数里的函数 我怎么调用toLeft
- 又是头痛的正则表达式!!
- 如何用dom手法遍历html元素的属性值?
- 在js中,如何实现用鼠标拖拽DIV层
- 求代码的注释解析
- nth-child(),nth-of-type()中用变量作索引
- Ckfinder 插件怎样修改样式宽度 高度
- document.write有时会把页面中所有的其他内容全部清掉了,只留下它写的东西,为什么?如何避免
- 关于浏览器窗口自动关闭??
- 请教Java Script 能否将xml的数据 ,插入到SQL SERVER中 。(null)
- 求助:关于一段javascript脚本功能的分析
- 如何在网页里面利用JS进行打印页面设置!
第二行
</div>高度:document.getElementById("1").offsetHeight
第二行
</div>
function setConfig()
{
function calculate_byte( sTargetStr ) {
var sTmpStr, sTmpChar;
var nOriginLen = 0;
var nStrLength = 0;
sTmpStr = new String(sTargetStr);
nOriginLen = sTmpStr.length; for ( var i=0 ; i < nOriginLen ; i++ ) {
sTmpChar = sTmpStr.charAt(i); if (escape(sTmpChar).length > 4) {
nStrLength += 2;
} else if (sTmpChar!='\r') {
nStrLength ++;
}
}
return nStrLength;
}var ddlFontSize = document.getElementById('ddlFontSize');
var txtMessageContent = document.getElementById('txtMessageContent');
//璁$畻鑼冨洿
var splitStringArray = txtMessageContent.value .split("\n");
var messageContentLines = splitStringArray.length;
var tempMaxLineContentLength= 0;
var tempMaxLineContentIndex = 0;
var messageWidth = 0;
var messageHeight = 0;
var parsedMessageContent = txtMessageContent.value.replace(/(\n)/g,"<br>");
if(messageContentLines==1)
{
messageHeight = ddlFontSize.options[ddlFontSize.selectedIndex].value;
messageWidth = calculate_byte(txtMessageContent.value)*ddlFontSize.options[ddlFontSize.selectedIndex].value;
}
else
{
//计算出长度最
for(var i=0;i<messageContentLines;i++)
{
if(calculate_byte(splitStringArray[i])>tempMaxLineContentLength)
{
tempMaxLineContentLength = calculate_byte(splitStringArray[i]);
tempMaxLineContentIndex = i;
}
}
messageHeight = ddlFontSize.options[ddlFontSize.selectedIndex].value*messageContentLines;
messageWidth = calculate_byte(splitStringArray[tempMaxLineContentIndex])*ddlFontSize.options[ddlFontSize.selectedIndex].value;
}
//alert(messageWidth);
var str=""
+ "<div id=message "
+ "style='"
+ "position:absolute;"
+ "left:100px;"
+ "top:200px;"
+ "font-size:"+(ddlFontSize.options[ddlFontSize.selectedIndex].text)+";"
+ "width:" + (messageWidth) + ";"
+ "height:" + (messageHeight) + ";"
+ "background-color:#FFFFC4;"
+ "' "
+ ">"
+" "+parsedMessageContent+""
+"</div>"
document.body .insertAdjacentHTML("beforeEnd",str);
}
</script><select id ="ddlFontSize" size="1" style="width:60px;" runat ="server">
<option value="10" >10px</option>
<option value="12" >12px</option>
<option value="14" >14px</option>
<option value="16" >16px</option>
<option value="18" >18px</option>
</select> <textarea rows="3" cols="30" id="txtMessageContent" ></textarea>
<input name="button" type="button" onClick="setConfig();" value="test">