① 如何用js獲取div的高度
functionAdjustColumnsHeight(){
varmainCol=window.document.getElementById('MainColumn');
varleftCol=window.document.getElementById('MainLeft');
varrightCol=window.document.getElementById('MainRight');
varhMainCol=mainCol.offsetHeight;
varhLeftCol=leftCol.offsetHeight;
varhRightCol=rightCol.offsetHeight;
varmaxHeight=Math.max(hMainCol,Math.max(hLeftCol,hRightCol));
mainCol.style.height=maxHeight+'px';
leftCol.style.height=maxHeight+'px';
rightCol.style.height=maxHeight+'px';
}
上面的代碼是取得3個div的高度,並判斷高度最高的div高度值,讓其餘兩個比較矮的div高度等於最高這個,自己琢磨下,很簡單。
② js獲取div的height第一次總是0
用clientHeight屬性
document.getElementById("").clientHeight
別頂來頂去的.就知道執行順序頂個P用
沒看到人家問的時候說獲取到值是專0了么?
沒有報錯!屬獲取到值了!
別以為人家會那麼2連執行順序都不懂.
他的情況估計是獲取的style.height.如果style沒有設置的話應該是undefined
類型換算下來就是0
然後他再設置一下style.height=10;
然後再拿就可以拿到了
所以如果要直接拿一個元素的高度可以直接用clientHeight獲取
不要通過style來拿
③ 如何獲取div距離瀏覽器頂部的高度
可以使用offset()方法來獲取元素距離瀏覽器的邊距,offset() 方法返回或設置匹配元素相對於專文檔的偏移(位置)。屬
工具原料:編輯器、瀏覽器
1、首先設置一個div然後使用offset()方法來獲取其距離瀏覽器頂部的高度,簡單的代碼示例如下:
<bodystyle="margin:0;padding:0;">
<divstyle="width:200px;height:200px;border:1pxsolidred;margin-top:100px;"></div>
<script>
alert($('div').offset().top);
</script>
</body>
2、因為div距離頂部的距離是100像素,所以彈出的應該是100,如下圖:
④ js判斷div高度。
超出固定高度顯示滾動條,只要設置屬性中的overflowY="scroll";
document.getElementById('scroll').style.overflowY="scroll";
獲取div的高度,如果獲取不到,可用下面的方法,一下方法是獲取div的編輯完成後的高度:
/**
*obj:需要獲取屬性的html對象
*prop:需要獲取的obj對象的屬性
*/
functiongetCurrentStyle(obj,prop){
if(obj.currentStyle){
returnobj.currentStyle[prop];
}
elseif(window.getComputedStyle){
propprop=prop.replace(/([A-Z])/g,"-$1");
propprop=prop.toLowerCase();
returndocument.defaultView.getComputedStyle(obj,null)[prop];
}
returnnull;
}
vardiv=document.getElementsByTagName("div")[0];
varheight=getCurrentStyle(div,"height");
⑤ JS怎麼獲取div(高度和寬度都已設置百分比,繼承父級)的height並應用於該div的line-height;
給div設置一個id或者class:
html部分:
<div id="mydiv"></div>
js部分:
<script>
//獲取mydiv
var mydiv=document.getElementById("mydiv");
//獲取#mydiv的高度
var divheight=mydiv.style.height;
//設置mydiv行高
mydiv.style.lineHeight=divheight;
</script>
⑥ js怎麼獲取div自適應高度值 然後賦值給另外的div
假設div根據瀏覽器大小改變時跟著自適應改變。
那麼js就寫在瀏覽器視窗改變時,獲取div的高度值,然後賦值給需要的div。
瀏覽器改變的時候獲取值或者改變值,是有對應的js方法的
第一 如果在Cell中用自動布局,拖好constrains,改變Cell的高度。
第二 如果是自己新增的,計算字串的高寬,然後改變frame,計算高寬用
我寫的一個extension嘛
extension NSString {
func textSizeWithFont(font: UIFont, constrainedToSize size:CGSize) -> CGSize {
var textSize:CGSize!
if CGSizeEqualToSize(size, CGSizeZero) {
let attributes = NSDictionary(object: font, forKey: NSFontAttributeName)
textSize = self.sizeWithAttributes(attributes)
} else {
let option = NSStringDrawingOptions.UsesLineFragmentOrigin
let attributes = NSDictionary(object: font, forKey: NSFontAttributeName)
let stringRect = self.boundingRectWithSize(size, options: option, attributes: attributes, context: nil)
textSize = stringRect.size
}
return textSize
}
}
constrainedToSize 如果一行,用CGSizeZero,否則用CGSizeMake(你想要的寬度, CGFloat(MAXFLOAT)
swift中怎麼讓UILabel自適應高度
1、完成程式碼:ctrl+ 任何地方按下此組合鍵,均會提示相應的參考欄位;
2、錯誤提示:alt + enter 顧名思義,當系統報錯時,按下此組合可以檢視系統提示;
3、自動完成字串: ctrl+L ctrl+k 後者(Ctrl+L沒用過)組合鍵自動打出字串,每按一次打出一個新串,串序自下向上;
4、右鍵:修復自動匯入
5、右鍵:格式化程式碼風格
6、匯入所需包:ctrl+shift+i
7、格式化程式碼:alt+shift+F
8、注釋/取消注釋:ctrl+/,此功能支援多行注釋,但首先需選中所要注釋行
9、psvm+Tab 生成Main方法
10、sout + Tab 生成輸出語句
11、ctrl+enter 增加空白行,游標不移動;
12、alt+shift+F 格式,不太懂什麼意思,高手可以解釋下;
13、alt+enter 不太會用;
13、Alt+insert 插入程式碼(包括建構函式,setter和getter方法等);
14、Alt+Shift+O 轉到類;
15、Ctrl+Tab 在開啟的原始檔中進行切換;
16、Ctrl+O或Ctrlt+單擊 轉到源,即按住Ctrl鍵然後單擊某源就可以開啟原始碼;
補充幾條:
Shift+F6 運行當前程式
Ctrl+Shift+F5: 除錯當前程式
Ctrl+F 快速查詢程式碼中的字串
Ctrl+Delete 也是一個比較常用的shortcut,大家可以試試;
Ctrl+Shift+Right 向右逐個選中
Ctrl+Shift+Left 向左逐個選中
Ctrl+Shift+UP/DOWN 復制當前行到下一行,游標不動
第一個div屬性position:absolute;left:50%; :50%; margin-left:-(width/2);
margin-:-(height/2);注意第一個div高度寬度都應該是定值的;
意思是兩個div的寬高都是用百分比設定的,那最好是讓他倆有點父子關系,或者,第一個div只能是做成彈窗顯示的,居中在整個螢幕中央了
<div height=40px width=70px onclick="gofu(this)">點選我</div>
<script>
function gofu(obj){
var wdth = $(obj).attr("width");
$(obj).attr('height', wdth);
}
</script>
測試的時候別忘記引入 jquery 檔案
你設定放到listview裡面的引用控制元件 例如你listview裡面顯示的是textview那麼你就設定該控制元件高度就OK!
unbutton中有一個uilabel,可以進行設定
先算 button title 的高度,在設定button的frame 怎麼樣
⑦ js如何計算並賦予DIV高度
js裡面提供來了很多的方法,源可以計算DIV的高度,以及也可以給DIV直接復制。
如下是代碼的實現:
<body>
<divstyle="width:100px;height:100px;background:#ccc;"id="div"></div>
</body>
<script>
varoDiv=document.getElementById('div');
alert(oDiv.offsetHeight);//這個就是獲取DIV的高度
oDiv.style.height=oDiv.offsetHeight+100+'px';//這個就是直接給DIV的高度賦值。
</script>
⑧ js獲取div的style里的height問題
樓主你這抄用的是襲外部樣式,非行內樣式所以不能這樣
function getCss(obj, type) {
if (obj.currentStyle) {
retrun obj.currentStyle[type]
}
else{
return getComputedStyle(obj, flase)[type];
}
}
alert(getCss(el, 'height'));
⑨ js 獲取div所填充內容的實際高度
<html>
<head>
<title>js獲取div所填充內容的實際高度</title>
</head>
<body>
<divid="div1">
網路知道是一個基於搜索的互動式知識問答分享平台,於2005年6月21日發布,並於2005年11月8日轉為正式版。網路知道一直探索國際化發展,於2012年3月31日發布網路知道台灣版。
</div>
<buttontype="submit"onclick="test()">點擊獲取</button>
<scripttype="text/javascript">
functiontest(){
varoDiv=document.getElementById('div1');
alert(oDiv.offsetHeight);
}
</script>
</body>
</html>
下面結合各上圖介紹一下各個屬性的作用:
一.offsetTop屬性:
此屬性可以獲取元素的上外緣距離最近採用定位父元素內壁的距離,如果父元素中沒有採用定位的,則是獲取上外邊緣距離文檔內壁的距離。所謂的定位就是position屬性值為relative、absolute或者fixed。
返回值是一個整數,單位是像素。
此屬性是只讀的。
二.offsetLeft屬性:
此屬性和offsetTop的原理是一樣的,只不過方位不同,這里就不多介紹了。
三.offsetWidth屬性:
此屬性可以獲取元素的寬度,寬度值包括:元素內容+內邊距+邊框。不包括外邊距和滾動條部分。
返回值是一個整數,單位是像素。
此屬性是只讀的。
四.offsetHeight屬性:
此屬性可以獲取元素的高度,寬度值包括:元素內容+內邊距+邊框。不包括外邊距和滾動條部分。
返回值是一個整數,單位是像素。
此屬性是只讀的。
五.clientWidth屬性:
此屬性可以返回一個元素的寬度值,值是:元素的內容+內邊距。不包括邊框、外邊距和滾動條部分。
返回值是一個整數,單位是像素。
此屬性是只讀的。
六.clientHeight屬性:
此屬性可以返回一個元素的高度值,值是:元素的內容+內邊距。不包括邊框、外邊距和滾動條部分。
返回值是一個整數,單位是像素。
此屬性是只讀的。
七.scrollLeft屬性:
此屬性可以獲取或者設置對象的最左邊到對象在當前窗口顯示的范圍內的左邊的距離,也就是元素被滾動條向左拉動的距離。
返回值是一個整數,單位是像素。
此屬性是可讀寫的。
八.scrollTop屬性:
此屬性可以獲取或者設置對象的最頂部到對象在當前窗口顯示的范圍內的頂邊的距離,也就是元素滾動條被向下拉動的距離。
返回值是一個整數,單位是像素。