📝 代码查看
使用runcode.html页面

2
查看次数
2025-11-01
创建时间
2025-11-01
最后更新
<button id="removeNode">Remove Node</button>
<button id="modifySubtree">Subtree modification </button>
<button id="modifyAttribute">Attribute Modification</button>
<h4>Add breaks on squers</h4>
<div>
  <span>
    <p>Bind remove node</p>
    <div id="bindRemoveNode" class="squere red"></div>
  </span>
  
  <span>
    <p>Bind subtree modification</p>
    <div id="bindSubtreeModification" class="squere blue">
      <span title="old title" id="modifySubtreeTitle"></span>
    </div>
  </span>
  
  <span>
    <p>Bind attribute modification</p>
    <div id="bindAttributeModification" class="squere green" title="old title">
    </div>
  </span>
  
</div>
<script src="https://static.cdsy.xyz/script/jquery.min.js"></script>
.squere {
  displaby: block;
  width: 100px;
  height: 100px;
}
span {
  display: inline-block;
  margin: 0 25px;
  vertical-align: top;
}
.red {
  background-color: red;
}
.blue {
  background-color: blue;
}
.green{
  background-color: green;
}
$('#removeNode').bind('click', function () {
  $('#bindRemoveNode').remove()
})

$('#modifySubtree').bind('click', function () {
  $('#modifySubtree').text('.')
})

$('#modifyAttribute').bind('click', function () {
  $('#bindAttributeModification').attr('title', 'New Title')
})

👁️ 实时预览