在web开发里 js如何获取获取div 的contentEditable内容 用于再提交

在web开发里 js如何获取获取div 的contentEditable内容 用于再提交,第1张

<html>

<head>

<title>获取显示 <DIV> contenteditable="true" 时 输入的内容</title>

</head>

<body>

<div id="kk" style="width:400px;height:300px;border:1px solid #999999;"  contenteditable="true">

</div>

<input type="button"  value="code" onclick="alert(documentgetElementById('kk')innerHTML)" />

</body>

</html>

js怎么获取div自适应高度值 然后赋值给另外的div

假设div根据浏览器大小改变时跟着自适应改变。

那么js就写在浏览器视窗改变时,获取div的高度值,然后赋值给需要的div。

浏览器改变的时候获取值或者改变值,是有对应的js方法

求助,swift中怎么让UILabel自适应高度

第一 如果在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 = selfsizeWithAttributes(attributes)

} else {

let option = NSStringDrawingOptionsUsesLineFragmentOrigin

let attributes = NSDictionary(object: font, forKey: NSFontAttributeName)

let stringRect = selfboundingRectWithSize(size, options: option, attributes: attributes, context: nil)

textSize = stringRectsize

}

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怎么在另一个自适应高度的div垂直居中 两个div不是子父集关系

第一个div属性position:absolute;left:50%; :50%; margin-left:-(width/2);

margin-:-(height/2);注意第一个div高度宽度都应该是定值的;

意思是两个div的宽高都是用百分比设定的,那最好是让他俩有点父子关系,或者,第一个div只能是做成d窗显示的,居中在整个萤幕中央了

求获取div宽值赋值给高的JS程式码

<div height=40px width=70px onclick="gofuzhi(this)">点选我</div>

<script>

function gofuzhi(obj){

var wdth = $(obj)attr("width");

$(obj)attr('height', wdth);

}

</script>

测试的时候别忘记引入 jquery 档案

提问qml中的listview中的item怎么自适应高度

你设定放到listview里面的引用控制元件 例如你listview里面显示的是textview那么你就设定该控制元件高度就OK!

UIButton可以自适应高度吗,像UILabel一样

unbutton中有一个uilabel,可以进行设定

先算 button title 的高度,在设定button的frame 怎么样

js获取DIV的位置坐标的方法有三种,分别如下:

方法一:

var odiv=documentgetElementByIdx_x('divid');

alert(odivgetBoundingClientRect()left);

alert(odivgetBoundingClientRect()top);

方法二:

function CPos(x, y)

{

thisx = x;

thisy = y;

}

function GetObjPos(ATarget)

{

var target = ATarget;

var pos = new CPos(targetoffsetLeft, targetoffsetTop);

var target = targetoffsetParent;

while (target)

{

posx += targetoffsetLeft;

posy += targetoffsetTop;

target = targetoffsetParent

}

return pos;

}

var obj = documentgetElementByIdx_x('divid')

alert(GetObjPos(obj)['x']) //x坐标

alert(GetObjPos(obj)['y']) //y坐标

方法三:

function getElementPos(elementId){

var ua = navigatoruserAgenttoLowerCase();

var isOpera = (uaindexOf('opera') != -1);

var isIE = (uaindexOf('msie') != -1 && !isOpera); // not opera spoof

var el = documentgetElementByIdx_x(elementId);

if (elparentNode === null || elstyledisplay == 'none') {

return false;

}

var parent = null;

var pos = [];

var box;

if (elgetBoundingClientRect) //IE

{

box = elgetBoundingClientRect();

var scrollTop = Mathmax(documentdocumentElementscrollTop, documentbodyscrollTop);

var scrollLeft = Mathmax(documentdocumentElementscrollLeft, documentbodyscrollLeft);

return {

x: boxleft + scrollLeft,

y: boxtop + scrollTop

};

}

else

if (documentgetBoxObjectFor) // gecko

{

box = documentgetBoxObjectFor(el);

var borderLeft = (elstyleborderLeftWidth) parseInt(elstyleborderLeftWidth) : 0;

var borderTop = (elstyleborderTopWidth) parseInt(elstyleborderTopWidth) : 0;

pos = [boxx - borderLeft, boxy - borderTop];

}

else // safari & opera

{

pos = [eloffsetLeft, eloffsetTop];

parent = eloffsetParent;

if (parent != el) {

while (parent) {

pos[0] += parentoffsetLeft;

pos[1] += parentoffsetTop;

parent = parentoffsetParent;

}

}

if (uaindexOf('opera') != -1 || (uaindexOf('safari') != -1 && elstyleposition == 'absolute'))

{

pos[0] -= documentbodyoffsetLeft;

pos[1] -= documentbodyoffsetTop;

}

}

if (elparentNode) {

parent = elparentNode;

}

else {

parent = null;

}

while (parent && parenttagName != 'BODY' && parenttagName != 'HTML') { // account for any scrolled

ancestors

pos[0] -= parentscrollLeft;

pos[1] -= parentscrollTop;

if (parentparentNode) {

parent = parentparentNode;

}

else {

parent = null;

}

}

return {

x: pos[0],

y: pos[1]

};

}

var xd = getElementPos("divid");

alert(xdx);

alert(xdy);

JavaScript原生方式获取元素,可以使用querySelector方法。

举例如下:

假设我定义了2层div。然后我来获取内层的那个div。

HTML:

<div id="name">

    <div></div>

</div>

JavaScript:

documentquerySelector('#name div'); //返回的就是内层div的对象了。

如有疑问,可继续追问。

<div class="UserEvaluation" title="评价分数">

<div class="bg"><div class="qg" id="qg"></div></div>

<code id="ppjf">88</code></div>

<script>

var n=documentgetElementById("ppjf")innerText;

documentgetElementById("qg")stylewidth=(n10)+"px";

</script>

思路:通过id可以获取到<div>对象,通过getAttribute()和innerHTML分别可以获取<div>对象的自定义属性和文本内容。下面实例演示获取<div>标签的自定义属性user_id: 1、HTML结构 <div id="test" user_id="test_id">id="test" user_id="test_id"</div><br/> <input type='button' value='获取div的自定义属性' onclick="fun()"/> 2、javascript代码 function fun(){ obj = documentgetElementById("test"); alert(objgetAttribute("user_id")) } 3、点击按钮后效果

//因为很久没写代码估计有点错误,不过思路是这样,要注意的就是有个方法是获取所有子元素,貌似是childNodes

完全可以分成两个来获取,第一个获取父div的子div,第二个获取子div下的所有li

documentgetElementById("aa")childNodes()//这样就获取了aa下面所有div

同理获取子div下面的li,手打,如果可以解决请给分。谢谢

1、新建一个html文件,命名为testhtml,用于讲解JS如何获取指定DIV下的子元素LI的值。

2、在testhtml文件内,在div标签内,使用ul、li标签创建两个项目列表,li元素的值分别为项目一、项目二。

3、在testhtml文件内,设置div标签的id为mydiv,主要用于下面通过该id获得mydiv对象。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取LI的值”。

5、在testhtml文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getli

6、通过获得li对象,使用each()方法遍历每一个li对象,通过text()方法获得li的值,使用push()方法将获得li值存进数组中。最后,使用alert()方法将所有li值输出。

7、在浏览器打开testhtml文件,点击按钮,查看结果。

以上就是关于在web开发里 js如何获取获取div 的contentEditable内容 用于再提交全部的内容,包括:在web开发里 js如何获取获取div 的contentEditable内容 用于再提交、js怎么获取div自适应高度值 然后赋值给另外的div、如何用JS 获取DIV的坐标位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9816663.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存