DIV 显示边框 和 JS设置DIV可编辑，附送DTHML 中文手册

最新推荐文章于 2023-06-11 20:23:31 发布
最新推荐文章于 2023-06-11 20:23:31 发布
阅读量296 收藏
点赞数
文章标签： JavaScript CSS HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jyy004/article/details/83498178
版权 
<html>
  <head>
    <title>设置DIV边框 和 使其可编辑</title>
	
    <meta http-equiv="keywords" content="DIV,CSS,DIV边框">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=GBK">	
    
   <script type="text/javascript">
   //设置div 可编辑
    function setDivCanEdit() {
        document.getElementById("result").contentEditable = true;//使DIV可编辑
        document.execCommand('2D-Position', true, true); 
    }

<body οnlοad="setDivCanEdit();"><!-- 页面加载时调用设置方法-->
        <div id="result" style="HEIGHT:500px;WIDTH:550px;PADDING-RIGHT:10px;OVERFLOW-Y:auto;PADDING-LEFT:10px;
			SCROLLBAR-FACE-COLOR:#CC9999;PADDING-BOTTOM:0px;
			SCROLLBAR-HIGHLIGHT-COLOR:#CCFFFF;OVERFLOW:auto;
			SCROLLBAR-TRACK-COLOR:#ffffff;SCROLLBAR-ARROW-COLOR:#919192;
			SCROLLBAR-DARKSHADOW-COLOR:#ffffff;
			SCROLLBAR-SHADOW-COLOR:#919192;SCROLLBAR-3DLIGHT-COLOR:#ffffff;
			LINE-HEIGHT:100%;PADDING-TOP:0px;
			FONT-SIZE:11pt;FONT-FAMILY:宋体;COLOR:black;LETTER-SPACING:1pt;
			TEXT-ALIGN:left;border:1px black solid;">
        </div>				
 </body>
</html>

 

滚动条相关颜色属性：

　　scrollbar-face-color：设置或获取滚动条和滚动条的滚动箭头的颜色

　　scrollbar-hightlight-color：高亮颜色

　　scrollbar-3dlight-color：设置或获取滚动条上滚动按钮和滚动滑块的左上颜色。

　　scrollbar-darkshadow-color：设置或获取滚动条上滑槽的颜色。

　　scrollbar-shadow-color：设置或获取滚动框和滚动条滚动箭头的右下边缘颜色。

　　scrollbar-arrow-color：设置或获取滚动箭头标识的颜色。

　　scrollbar-tack-color：设置或获取滚动条轨迹元素的颜色。
　　

　　滚动条属性：

　　overflow：auto为自动，yes为有，no为无

　　overflow-x：横向滚动条

　　overflow-y：纵向滚动条

 

最后附送DTHML 中文手册，希望大家可以用的上

 

 

 2.  后来发现只要一个简单的设置就可以使DIV 可以编辑了   

 

    

<div contenteditable="true" ...></div>
 
jyy004
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js动态给div加线性边框
12-21
js动态给div加线性边框，个人蛮喜欢的一个效果
javascript手册 dthml手册 css手册
11-17
总结来看，JavaScript、DHTML和CSS是现代Web开发中不可或缺的技术，它们共同作用于网页的不同层面，使得网页更加生动、互动且具有良好的用户体验。开发者需要熟练掌握这三项技术的基本原理和应用技巧，才能更好地...
div显示边框
白不懂黑的静的专栏
08-18 6896
需求：如题 <div style="width:100px;height:500px;border:1px solid #ddd"> 我是加了边框的div </div> 效果如下：
div显示边框显示一条线
bingguang1993的博客
10-18 1万+
&lt;div  style=" border-bottom:solid 1px green; border-left:solid 1px gray; border-right:solid 1px blue; border-top:solid 1px red"&gt;&lt;/div&gt; 代码解释：border-bottom 下边框    border-left  左边框   bord...
网页中div标签怎么让边框显示
zgphacker2010的专栏
08-18 1万+
div标签默认是不带边框，但是通过编辑CSS可以定义其边框。 1、border-left:1px solid #000 设置对象左边1px实线黑色边框 2、border-right:1px solid #000 设置对象右边1px实线黑色边框 3、border-top:1px solid #000 设置对象上边1px实线黑色边框 4、border-bottom:1px solid #000...
html使用js加边框样式,JavaScript怎么给div加边框？
weixin_39959615的博客
06-19 2429
JavaScript怎么给div加边框？下面本篇文章给大家介绍一下使用JavaScript给div加边框的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。JavaScript怎么给div加边框？下面通过示例来大家介绍一下。div文本！！function addBorder(){document.getElementById("div").style.border="thick...
DTHML JS XML手册 面试题 JS特效
05-20
一共5个chm格式的文件 包括DHTML JS XML手册 一个面试题 一个JS特效 希望大家支持 觉得好的朋友请留言告诉其他朋友 谢谢
DTHML开发指导必备手册
05-14
例如，`<div>`元素常用于组织页面布局，通过设置其`id`或`class`属性，可以方便地通过JavaScript进行操作。`<img>`元素的`src`属性可以动态改变，实现图片轮播效果。此外，`<a>`元素的`href`属性配合JavaScript可以...
DHTML 手册.zip
08-05
4. 下拉菜单和弹出窗口：利用CSS和JavaScript创建交互式的下拉菜单和弹出窗口，增强导航功能。 5. 表单验证：JavaScript可以对用户输入的数据进行实时验证，提高数据输入的准确性和用户体验。 五、DHTML的浏览器...
DHTML 网页制作完全手册
03-05
**DHTML网页制作完全手册** **一、DHTML概述** DHTML（Dynamic HTML）是一种用于创建动态、交互式网页的技术，它结合了HTML、CSS、JavaScript以及DOM（Document Object Model）来实现页面的动态效果。DHTML使得...
用javascript实现div可编辑的常见方法
10-30
用javascript实现div可编辑的常见方法
js下拉列表框修改div边框样式
最新发布
DuQ_PolA_ris的博客
06-11 271
编写javascript代码，使用列表存储并发送输入的数据，之后分别设置样式。在select中调用函数传递参数。在body中添加select下拉列表框，并设置对应文本和id。点击下拉列表框即可进行div边框的修改。在body中添加div，并设置基本样式。首先写一个html代码。
给div加边框
heartdiamond的专栏
05-09 3532
<br /><div style="font-size:14px; width:600px; border:1px #000 solid;text-align:justify;text-justify:inter-ideograph"><br />kkkkkk<br /><br/><br /> <br /> s<br /> <br />kkkkk<br /></div>
js实现可编辑的div，并在光标处插入元素
weixin_44817017的博客
03-30 7047
js实现可编辑的div，并在光标处插入元素 定义一个可以编辑的div，用户可以输入内容，并根据需要在光标处插入HTML元素或文本内容。 并且实现placeholder的效果 文章目录js实现可编辑的div，并在光标处插入元素一、可编辑的div 和 placeholder效果二、在光标位置插入元素1. 获取div输入的内容2.在光标位置插入按钮 一、可编辑的div 和 placeholder效果 关键点：contenteditable属性 标签的contenteditable属性可以设置元素内容是否
如何让div获取焦点或可编辑
热门推荐
Oranq的博客
11-15 2万+
做项目的时候，想用到segment组件，由于是ionic2的组件，ionic1 用不了，就想自己写一个类似的组件。其中，想让div实现获取焦点的功能，使用的js或jq并没有效果。于是，上网搜索了一下，发现连个很好用的属性可以实现，于是做一下笔记。 DIV获取焦点（两种方法）： 需添加tabindex="0"或者contenteditable="true"属性 ①：设置div为可编辑状态，则可点
设置div边框样式
zhaoguozhun411的博客
02-12 1万+
设置div边框样式： /*设置边框的方式:*/ 1. border:1px solid red; 2. border-width:1px;边框的粗细 border-style: solid;边框的风格 border-color: red;边框的颜色 3. border-left:1px solid red;border-right:1px solid blue;border-
给div加边框和颜色
qq_34579060的博客
05-16 1万+
div{  width:200px; height:100px; border:solid 10px #f00 }
div模拟input框（可编辑属性 contenteditable="true"）
w592376568的博客
08-15 8286
&lt;div contenteditable="true" &lt;/div&gt;  
"深入探索JavaScript面向对象特性
JavaScript是一种类别为Rich Web Client的语言，它的关键词包括JS OOP、JS Framework、Rich Web Client、RIA、Web Component、DOM、DTHML、CSS、JavaScript和JScript。这个项目的发起者为aimingoo (aim@263.net)，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值