前端智勇大闯关-第二季-第二题

最新推荐文章于 2024-09-13 10:46:15 发布

weixin_33875839

最新推荐文章于 2024-09-13 10:46:15 发布

阅读量85

点赞数

文章标签：前端 ViewUI

元宵节快乐，哈哈哈。。。

搬运工之解

HTML：

<!--  textarea 元素  placeholder新属性  -->
<textarea id="mtest" class="mtextarea" placeholder="请在这儿输入适当的CSS代码"></textarea>

CSS：

// textarea样式
.mtextarea{
  height: 140px;
  width: 260px;
  border: 1px solid #CCCCCC;
  margin-left: 2em;
  margin-right: 25px;
  padding: 2px;
  resize: none;
}

// 搬运工采用 absolute(relative、absolute)  left  top
// 旋转：transform: rotate(0deg);

JS：

(function(){
   var mtest = document.getElementById("mtest");
   var mtest_div = document.getElementById("mtest_div");
   mtest.onblur = function(){
      var txt = this.value;
      txt = txt.replace(/\s/ig, "").split(";").join(";");
      mtest_div.setAttribute("style",txt);
   };
})();