JavaScript(3)——动态内容

作用:

根据选择发生变化,或在时间的触发下不断发生变化

知识要点:

innerText   innnerHTML   outerTextouterHTML(修改id指定的html代码或文本内容)

insertAdjacentHTML() insertAdjacentText() (向元素标记对间追加内容)

selectionwindow的子对象,包括clear()  empty()  createRange()

textRange<body> <button> <textarea> <input type=text> selection等元素的createRange创建。例如:

   var myText=window.selection.createRange();

setTimeoutclearTimeout   setInterval  clearInterval:定时运行

移动 TextRange 对象使其起始点之间包含指定对象内的文本。

       TextRange . moveToElementText ( oElement )

功能实现:

1.       内容动态改变:利用上面的四个属性和俩个函数实现。

2.       查找与替换:利用document得到TextRange对象,使用TextRange.findText()查找,再使用TextRange.select()高亮显示,使用selection.createRange()和TextRangeText进行替换。

3.       可使用window.promt()弹出“输入对话框”

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值