js怎么获取元素的宽高

javascript获取元素的高度： var obj = documentgetElementById("test"); alert(objheight + "\n" + objwidth); // 200px 200px typeof=string只是将style属性中的值显示出来 扩展： 获取元素的实际大小 clientWidth和clientHeight 这组属性

li虽然有了高度，但是因为你给li设置了了浮动，所以相当于没有高度，你可以在最后一个li的后面加一个li，单独设置这个li的样式，clear:both; 这样的话 ul 应该是有高度的，你可以按照我说的先试一下，给ul加个背景色就能看出来ul的高度了

首先我们来看一下官方的实际例子，不过该代码整体封装比较强，可能对于初学者来说有点难度，具体代码如下：

'use strict'

import React, { Component } from 'react';

import {

AppRegistry,

StyleSheet,

Text,

View,

Image,

TouchableOpacity,

ScrollView,

} from 'react-native'

var NUM_ITEMS = 20;

var PerfectProject = ReactcreateClass({

Statics: {

titles: '<ScrollView>',

description: 'Component that enable scrolling through child component',

},

makeItems: function(nItems: number, styles) : Array<any> {

var items = [];

for (var i=0;i<nItems;i++){

items[i] = (

<TouchableOpacity key={i} style={styles}>

<Text style={{fontSize:20 }}>{'Item text' + i}</Text>

</TouchableOpacity>

);

}

return items;

},

render: function(){

var items = thismakeItems(NUM_ITEMS,stylesitemWrapper);

items[4] = (

<ScrollView key={'ScrollView'} horizontal={true}>

{thismakeItems(NUM_ITEMS,[stylesitemWrapper,styleshorizontalItemWrapper])}

</ScrollView>

);

var verticalScrollView=(

<ScrollView style={stylesverticalScrollView}>

{items}

</ScrollView>

);

return verticalScrollView;

},

});

var styles = StyleSheetcreate({

itemWrapper: {

backgroundColor: '#dddddd',

alignItems: 'center',

borderWidth: 5,

borderColor: 'red',

borderRadius: 5,

padding: 30,

margin: 5,

},

horizontalItemWrapper: {

padding: 50,

},

verticalScrollView:{

backgroundColor: 'aquamarine',

margin: 10,

},

});

$('#pason>div')有'>'符号的是选择直接子节点。

没有'>'符号的是选择所有div元素。

所以第一种方法，一句在前的时候，先把id为pason的div元素下的所有div元素的背景色变成红色，第二句是把id为#pason的直接子节点背景色变成红色，他的直接子节点是baidu和google，并没有改变sina的颜色。

第二种方法，第二句在前头，就是把id为pason的直接子节点变成绿色，即把baidu和google变成了绿色，再执行第一句话$('#pason div')css("background","red");//1;的时候，他就把所有div的颜色都变成红色了，所以sina也变了，最后就是全部为红色

以上就是关于js怎么获取元素的宽高全部的内容，包括:js怎么获取元素的宽高、div/ul 无法获取与设置自动适合高度、react native 怎么获取某个元素的高等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！